Smart Table 内の UI-Select デフォルト値の設定
問題が発生したAngularベースのWebプロジェクトがあります。スマート テーブルにデータを読み込んでいます。スマート テーブル定義内に、ui-select (ドロップダウン) として定義された列があります。私の問題は、行データをロードするときです。データベースから返された値をデフォルトにする ui-select を取得できません。たとえば、私のスマート テーブルの定義は次のとおりです。
列 1 列 2 列 3 列 4
R1C1 R1C2 R1C3 R1C4 – 値 1
R2C1 R2C2 R2C3 R1C4 – 値 4
R3C1 R3C2 R3C3 R1C4 – 値 2
R4C1 R4C2 R4C3 R1C4 – 値 1
私のデータ取得は、Couchbase データベースから次のように返されます。
[
{
Datavalue1: C1,
Datavalue2: C2,
Datavalue1: C3,
Datavalue2: C4-id
},
{
Datavalue1: C1,
Datavalue2: C2
Datavalue1: C3,
Datavalue2: C4-id
},
{
Datavalue1: C1,
Datavalue2: C2
Datavalue1: C3,
Datavalue2: C4-id
},
{
Datavalue1: C1,
Datavalue2: C2
Datavalue1: C3,
Datavalue2: C4-id
}
]
次のようにテーブルをロードします
<tr ng-repeat='row in dG' st-select-row="row" style="white-space: nowrap" st-select-mode="multiple">
<td>{{ C1}}</td>
<td>{{ C2 }}</td>
<td> {{ C3}} </td>
<td>
<ui-select ng-model="row.data.filters.C4" theme="bootstrap" name="C4Col" style="width:400px">
<ui-select-match placeholder="Select C4"> {{ $select.selected.c4Name }}
</ui-select-match>
<ui-select-choices repeat="C4Array in C4Array | filter: $select.search"
style="position: relative;top: auto;left: auto; width: inherit">
<span ng-bind-html="C4Array.C4Name| highlight: $select.search"></span>
</ui-select-choices>
</ui-select>
</td>
C4 ドロップダウンを読み込もうとして、次のことを実行しました。
- 使用された ui-option ng-selected = 「C4」
- 使用された ui-option ng-selected = “row.data.filters.C4 = C4”
- 使用された ui-option ng-selected = “$select.selected.c4Name = C4Name”
- ui-select ng-model="row.data.filters.C4" theme="bootstrap" name="C4Col" style="width:400px" ng-selected = “C4”
- dG 配列を再構築して C4-id および C4Name データを含める
- 試行 1、2、3 のデータとしてリビルド dG アレイを使用
- ui-select ng-selected で試行 1、2、3 に類似
上記のリストは、試したオプションのすべてではありません。私は非常に多くの異なるオプションを試したので、これほど困難になることがわかっていれば、それらを保存したでしょう.
ドロップダウンに値が表示される前に、ui-select の ng-model にデフォルト値をロードする必要があることはわかっています。私の問題は、スマート テーブルの各行に ng-model を設定する方法を中心に展開しています。
この問題を解決するための支援に感謝します。