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

Question

我有一个从 MVC 控制器返回到 angular 控制器的列表，如下所示：

result.data.mylist = (,,)

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]">

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

How can i show a control depending upon value in a list using AngularJS?

angularjs