0

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

我怎样才能解决这个问题？

4

2 回答 2

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;
}
于 2015-08-31T04:41:43.847 回答
0

您在md-selected-item所有. 您忘记使用 sc 而不是 ctrl。md-search-textmd-autocomplete

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

于 2015-08-30T21:52:30.010 回答