如何使用AngularJS根据列表中的值显示控件

Question

我有一个从MVC控制器到角度控制器的列表，如下所示：

result.data.mylist=(<Test1，true>，<Test2，false>；，&llt；Test3，true>(

I have 3 controls*textboxes)  that always sit on a form , TextBox1, TextBox2, TextBox3.

我只想显示值为true的文本框。所以在上面，由于Test1＝true(TextBox1是可见的(，并且TextBox3是可见的，因为Test3是true。如果它是一个简单的绑定，我可以做到，但我如何在AngularJS中启动它？

Answer 1

使用Angular内置的*ngIf指令。

例如，

<input type="checkbox" *ngIf="result.data.mylist[0]">
<input type="checkbox" *ngIf="result.data.mylist[1]">
<input type="checkbox" *ngIf="result.data.mylist[2]">

假设result.data.mylist是一个包含布尔值的数组。

或者，您可以使用禁用它们

<input type="checkbox" [disabled]="result.data.mylist[0]">
<input type="checkbox" [disabled]="result.data.mylist[1]">
<input type="checkbox" [disabled]="result.data.mylist[2]">