我是 AngularJS 的新手,正在尝试使用 Angular Material 并需要一些想法/帮助。
我有用 ng-repeat 显示的 Font Awesome 图标:
<ul ng-repeat="item in items">
<i ng-class="{'test': item.active}" class="fa fa-{{item.name}}">{{item.name}}</i>
</ul>
下面我有一个带有复选框的图标列表:
<span ng-repeat="item in items | filter: item.active = false">
<input type="checkbox" ng-model="item.active"> {{item.name}}<br>
</span>
如果激活了复选框,则列表条目应从列表中消失。这适用于属性的过滤器item.active
现在我想用 md-chips(Angular Material Chips)在列表上方显示激活的项目。
所以如果一个列表项被激活,该元素应该是列表上方的 md 芯片(不再显示在列表中)。
如果我单击 md-chip 中的“X”,则只有属性 item.active 的状态应再次更改为 false。
我在 Plunker 上有我的工作文件,因此可以读取我当前的工作状态: https ://plnkr.co/edit/t3Xpp2AKEJHXBWhkLUYZ?p=preview
有人知道我该如何实现吗?