Question

我是棱角分明的新手。我正在尝试使用角度2作为here来实现相同的功能。

我在角度1中使用的html如下：

Basically i have an array like:
[
    {name: 'Wine A', category: 'red'},
    {name: 'Wine B', category: 'red'},
    {name: 'Wine C', category: 'white'},
    {name: 'Wine D', category: 'red'},
    {name: 'Wine E', category: 'red'},
    {name: 'Wine F', category: 'white'},
    {name: 'Wine G', category: 'champagne'},
    {name: 'Wine H', category: 'champagne'}    
  ];

该数组可以包含2个以上的属性。我希望为每个属性生成复选框过滤器，如我给出的js小提琴。

我花了两天但却无法做到这一点。

Answer 1

迭代数组的angular2方式是使用ngFor指令

<div *ngFor="let wine of wineArray" >
    <input type="checkbox" [(ngModel)]="wine.selected">
    <label>{{ wine.name }}</label>
</div>

我们使用ngModel

将复选框选择绑定到原始数组

有关ngFor＆amp;的更多信息documentation

中提供了ngModel

如果您对Angular1更熟悉，那么从ng1到ng2的映射技术也有useful conversion guide

用于多个过滤器的Angular 2代码

1 个答案: