我有一个网格 UI,其中每个单元格是 Angular Material 的 md-autocomplete
。
我写了一个演示:codepen,在其中运行(仅用于模拟)ng-repeat
并尝试为每一行选择不同的值。
但是,无论我做什么更改一个项时,所有其他行也会更改。我做错了什么?
我的HTML:
<tr layout="row" ng-repeat="item in ctrl.items" flex>
<td class="sc_color" flex>{{$index+1}}.color</td>
<td flex>
<md-autocomplete style="margin-bottom:10px;"
md-selected-item="item.selectedItem"
md-search-text="ctrl.searchText"
md-items="item in ctrl.querySearch(ctrl.searchText)"
md-item-text="item.display"
md-min-length="0"
placeholder="Pick a color">
<md-item-template>
<span md-highlight-text="ctrl.searchText" md-highlight-flags="^i">{{item.display}}</span>
</md-item-template>
</md-autocomplete>
</td>
</tr>
我的项目
:
self.items = [
{
selectedItem: 'aa'
},
{
selectedItem: 'bbb'
}
];
我使用md-selected-item
,但似乎对所有项目都是相同的。
md-selected-item
是一个模型。 - snaggs