綁定動態值到NG-模型複選框與在NG-重複

Question

在我的控制器我有對象的一個​​這樣的數組：

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

我提供複選框：name, batch and subject。選中複選框將過濾一個類別。

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模型。這怎麼可能？

Answer 1

的NG-模型屬性已經預計角度表達，在裏面的花括號所以扔將無法正常工作，而不是嘗試這樣的：通過傳遞價值

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

所以現在它只是設置query.batch menu.pass。

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

只需點擊名字，並看到查詢對象的更新。