バインディングの動的な値

Question

私はこのようなオブジェクトの配列があります：name, batch and subject：私はチェックボックスを提供している

this.set = [{ 
    "display": "Name", 
    "pass": "name" 
}, { 
    "display": "Subject", 
    "pass": "subject" 
}, { 
    "display": "Batch", 
    "pass": "batch" 
}]; 

を。チェックボックスをオンにすると、カテゴリがフィルタリングされます。

HTML：

<div flex class="filters" layout="row" ng-repeat="menu in menu"> 
    <md-checkbox class="md-primary" ng-model="query.{{menu.pass}}"> 
     {{menu.display}} 
    </md-checkbox> 
</div> 

{{menu.display}}が正しく名前が表示されています。今では、ng-modelも動的にバインドしたいと思っています。これはどのように可能ですか？

Answer 1

NG-model属性はまだ、仕事の代わりのような何かしようとはしませんその内部に中括弧で投げ、角度表現を期待：値を渡すことによって、それはちょうどquery.batchを設定していますだから今

<div flex class="filters" layout="row" ng-repeat="menu in set"> 
    <md-checkbox class="md-primary" ng-model="query[menu.pass]"> 
     {{menu.display}} 
    </md-checkbox> 
</div> 

をmenu.passの。

DEMO：https://jsfiddle.net/qvw9bmhe/32/

名前だけをクリックして、クエリオブジェクトの更新を参照してください。