Показать выбранные параметры вместе с другими в Angularjs Dropdown

Question

Я создаю программное обеспечение bloggin и я создал Angularjs ниспадающего меню следующим образом выбрать условия для поста

<select multiple="multiple" name="terms" ng-model="post.data.attributes.term_ids" required> 
      <option value="" disabled="" selected="">Tags</option> 

      <option ng-repeat="term in terms | filter: { taxonomy: 'tag' } " value="{{term.id}}">{{term.name}}</option> 
    </select> 

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

i.e если термин "term.id in post.data.attributes.term_ids", то этот термин должен быть выбран в раскрывающемся списке. Я читал документы и другие примеры, но я не уверен, как это сделать, любая помощь будет оценена.

Answer 1

просто использовать ngSelected атрибут:

<select multiple="multiple" name="terms" ng-model="post.data.attributes.term_ids" required> 
      <option value="" disabled="" selected="">Tags</option> 

      <option ng-repeat="term in terms | filter: { taxonomy: 'tag' } " value="{{term.id}}" ng-selected="post.data.attributes.term_ids.indexOf(term.id) > -1">{{term.name}}</option> 
    </select> 

или, лучший способ .. можно использовать ngOptions. что-то вроде:

<select multiple="multiple" name="terms" ng-model="post.data.attributes.term_ids" required ng-options="term.name for term.id in terms | filter: { taxonomy: 'tag' } "> 
</select>