0

選択オプションで事前に選択されたデータ（サーバーからも取得される）を表示する必要があるという奇妙な問題に直面しています。キーと値のオプションに基づいて選択オプションを表示する必要があるという問題。

       <div class="list list-inset">
            <span class="input-label">Permisstion</span>
            <select ng-model="permisstion" >
             <option ng-repeat="(key, value) in Roles" id="{{key}}" value="{{value}}">{{value}}</option>
            </select>
        </div>

JSON データ

"Roles": {
        "21": "Admin",
        "22": "Main Manager",
        "23": "Branch Manager",
        "26": "Side Manager"
    }

選択オプションで事前に選択されたデータを表示する方法がわかりません。多くのことを試みますが、今まで成功していません。助けてください。

4

1 に答える 1

0

まず、JSON はオブジェクトの配列ではありません。オブジェクト属性で作業するかどうかはわかり<select>ません...私の他の答えでは、以下のようなことができます。

そのように使用してみてください：

"Roles" : {
           [
              {code: 21, name: "Admin"},
              {code: 22, name: "Main Manager"}, 
              {code: 23, name: "Branch Manager"},
              {code: 24, name: "Side Manager"}
           ]
          }

したがって、属性「コード」が選択へのインデックスになります。

<select ng-options="role.name for role in Roles track by role.code">
        <option value="">They see me rollin</option>
</select>

このビデオで見ることができるように、私が行ったことは、role.code ごとにトラックを使用することでした。

覚えておいてください: コードがオブジェクトの配列で繰り返されると、<select>.

于 2016-12-21T09:25:22.503 に答える