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 使用 track,您可以在此视频中观看。

记住:如果代码在对象数组中重复,它将破坏<select>.

于 2016-12-21T09:25:22.503 回答