动态生成的下拉列表

Question

我正在尝试使用角度和角度材料动态生成输入。每当用户单击“添加”按钮时，都需要生成一个新的下拉列表。现在我遇到以下错误：

  

“错误：[$ parse：syntax]语法错误：表达式[{{choiceTest.Name}}]第2列的标记'{'无效键，从[{choiceTest.Name}}开始]。'

我需要如何修改代码才能正常工作？

<div ng-repeat="choiceTest in $ctrl.inputsFilterRowsTest">
  <md-input-container flex="30">
    <label>Filter Type</label>
      <md-select ng-model={{choiceTest.Name}} name="">
        <md-option ng-repeat="filter in $ctrl.filters" value="{{filter.value}}">
          {{filter.value}}
         </md-option>
      </md-select>
  </md-input-container>
</div>
<md-button class="md-raised" ng-click="$ctrl.addFilterTest()">ADD</md-button>

控制器

self.inputsFilterRowsTest = [];

self.filters = [
   { value: 'Filter1' },
   { value: 'Filter2' },
   { value: 'Filter3' }
];

self.addFilterTest = function () {
    var newItemTestNo = self.inputsFilterRowsTest.length + 1;
    self.inputsFilterRowsTest.push({ 'value': 'inputFilter' + newItemTestNo, 'name': 'inputFilter' + newItemTestNo });
};

Answer 1

我认为问题可能是大写：.name与.Name：

• 模板：

   {{choiceTest.Name}}
  

• 代码：

   self.inputsFilterRowsTest.push({ 'value': 'inputFilter' + newItemTestNo, 'name': 'inputFilter' + newItemTestNo });