0

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 ドロップダウンを読み込もうとして、次のことを実行しました。

  1. 使用された ui-option ng-selected = 「C4」
  2. 使用された ui-option ng-selected = “row.data.filters.C4 = C4”
  3. 使用された ui-option ng-selected = “$select.selected.c4Name = C4Name”
  4. ui-select ng-model="row.data.filters.C4" theme="bootstrap" name="C4Col" style="width:400px" ng-selected = “C4”
  5. dG 配列を再構築して C4-id および C4Name データを含める
  6. 試行 1、2、3 のデータとしてリビルド dG アレイを使用
  7. ui-select ng-selected で試行 1、2、3 に類似

上記のリストは、試したオプションのすべてではありません。私は非常に多くの異なるオプションを試したので、これほど困難になることがわかっていれば、それらを保存したでしょう.

ドロップダウンに値が表示される前に、ui-select の ng-model にデフォルト値をロードする必要があることはわかっています。私の問題は、スマート テーブルの各行に ng-model を設定する方法を中心に展開しています。

この問題を解決するための支援に感謝します。

4

1 に答える 1