Question

我有一个很长的颜色列表，我想创建一个颜色选择表。但是当我用ng-repeat重复我的表行时，所有mdAutocompletes都在一起运行并且没有用。这是我尝试过的：codepen.io/anon/pen/avoMbg

我该如何解决这个问题？

Answer 1

在HTML文件中进行以下更改：

<强> HTML：

<md-autocomplete style="margin-bottom:10px;"
    md-selected-item="sc.selectedItem"
    md-search-text="sc.searchText"
    md-items="item in sc.querySearch(sc.searchText)"
    md-item-text="item.display"
    md-min-length="0"
    placeholder="Pick a color">
      <md-item-template>
         <span md-highlight-text="sc.searchText" md-highlight-flags="^i">{{item.display}}</span>
      </md-item-template>
</md-autocomplete>

在你的控制器内：

<强> JS：

for(var i=0;i<self.colors.length;i++){
    self.colors[i].querySearch=querySearch;
}

Answer 2

您在所有md-selected-item中使用md-search-text和md-autocomplete的相同变量。你忘了用sc而不是ctrl。

http://codepen.io/anon/pen/avoMbg

动态添加角度材质mdAutocomplete

2 个答案: