检查我的Angular 2 App中的一组值

Question

我试图弄清楚如何在我的Angular 2应用程序中使用[（ngModel）]进行绑定时从值数组中提取数据，而不是单个值。我目前所拥有的工作正常，只有这样的单一值。检查从数据库中提取数据的单个值是指定给＆＃34;值＆＃34;，在这种情况下＆＃34; staff＆＃34;：

<div class="radio">
    <input type="radio" value="staff" name="category" [(ngModel)]="category"> Staff
</div>

这可以按预期使用单个值。但是，我检查的其中一个值不仅仅是一个值，而是一系列值 - 例如[＆＃39;广告＆＃39;，＆＃39;会计＆＃39; ，＆＃39;管理＆＃39;];

我尝试在我的组件中处理这个：

staff = [
{ value: 1, name: 'advertising' },
{ value: 2, name: 'administration' },
{ value: 3, name: 'accounting' }
];

然后在我看来，我试图绑定这个＆＃34;员工＆＃34;像这样的数组：

<div class="radio">
    <input type="radio" [value]="staff.value" name="category" [(ngModel)]="category"> Staff
</div>

......但这并没有奏效。我如何检查一组值而不是一个值？

Answer 1

我认为您想要*ngFor和*ngIf.

循环遍历数组，当数组具有value = staff然后输出。

可能会将数组名称更改为人员

*ngFor="let staff of staffs

*ngIf="value=staff.value