переплет динамических значений для нг-модели флажка с в нг-повторить

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

Атрибут нг-модель уже ожидает угловое выражение, так что бросал в фигурных скобках внутри, что не будет работать, вместо того, чтобы попробовать что-то вроде:

<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, передавая значения меню.

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

Просто нажмите на имена и увидеть обновления объекта запроса.