Добавление динамически углового материала mdAutocomplete

Question

Добавление динамически углового материала mdAutocomplete

0

У меня длинный список цветов, и я хочу создать таблицу для выбора цвета. Но когда я повторяю строку таблицы с ng-repeat, все mdAutocompletes работают вместе и не работают. вот что я пробовал: codepen.io/anon/pen/avoMbg

Как я могу это исправить?

MtMy 29 авг. 2015, в 14:13

Источник

Теги:

angularjs

angular-material

angularjs-ng-repeat

md-autocomplete

2 ответа

0

Вы используете ту же переменную для md-selected-item и md-search-text во всех md-autocomplete. Вы забудете использовать sc вместо ctrl.

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

Ivan Coronado 30 авг. 2015, в 18:53

Ещё вопросы

Mohit Adwani · Accepted Answer · 2015-08-31T02-34-00.000Z

Сделайте следующие изменения в вашем файле 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;
}