表示選択したオプション

Question

私はblogginソフトウェアを作成していますし、次のように私はポストを作成するときにこれが正常に動作し、ポスト

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

のための用語を選択するAngularjsドロップダウンを作成したが、投稿を編集するときに、投稿を作成する際に選択した用語も表示したいと思います。

つまり、「term.id in post.data.attributes.term_ids」の場合は、プルダウンで用語を選択する必要があります。私はドキュメントや他の例を読んでいますが、これを行う方法についてはわかりませんが、何らかの助けが得られるはずです。

<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を使用することができます。

Answer 1

はちょうどngSelected属性を使用します。何かのように：

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