Как установить предварительно выбранные данные в опции динамического выбора в IONIC

У меня возникла странная проблема, когда мне нужно показать предварительно выбранные данные (которые также поступают с сервера) в опции выбора. Проблема в том, что мне нужно показать опцию выбора на основе ключа и значения.

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

Я не знаю, как показывать предварительно выбранные данные в опции выбора, и я много стараюсь, но до сих пор я не получаю успеха. Пожалуйста, помогите.

Ответы

Ответ 1

Firt, ваш JSON не является массивом объектов. Я не знаю, работает ли в атрибутах <select> по атрибутам объектов... по моему другому ответу вы можете сделать что-то вроде ниже.

Попробуйте использовать вот так:

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

Таким образом, атрибут "code" будет моим индексом для выбора:

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

То, что я делал, было использование track по role.code, так как вы можете смотреть в этом видео.

ПОМНИТЕ: Если код повторно загружается в массив объектов, он сломает <select>.