Question

我遇到一个奇怪的问题，我需要在select选项中显示Pre选择的数据（也来自服务器）。我需要根据键和值选项显示选择选项的问题。

       <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不是一个对象数组。我不知道对象的<select>工作是否属于...我的另一个答案你可以做下面的事情。

尝试使用：

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

所以atribute＆＃34; code＆＃34;将是我的选择索引：

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

我所做的是使用role.code跟踪，您可以在此video中观看。

记住：如果代码在对象数组中重新出现，它将会破坏<select>。

如何在IONIC中的动态选择选项中设置预选数据

1 个答案: