動態添加角度材質mdAutocomplete

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