設定方法IONICのダイナミックセレクトオプションであらかじめ選択したデータを選択

Question

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

 <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" 
    } 

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

Answer 1

Firt、あなたのJSONはオブジェクトの配列ではありません。私はオブジェクトのatributesによって<select>の仕事を知っていません...私の他の答えであなたは以下のようなことをすることができます。

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

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

私のように、role.codeが使用するトラックだった何をすべきか：

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

のでatribute「コード」は選択への私の指標となりますこのvideoで見ることができます。

覚えておいてください：オブジェクトの配列内にコード刈り込みがあると、<select>が壊れます。