javascript - 检查 Angular 模板中数组中的值是否？

Question

有什么方法可以检查值是否在 Angular 模板的数组中？我正在寻找这样的东西:

<div ng-class="{'myClass':1 in [1,2,5]}">Yay</div>

如果 1 在数组中，则应用 myClass。

这可能吗？

顺便说一句，Angularjs 使用的是什么模板引擎？我在哪里可以找到它的文档？每当我尝试搜索(甚至是官方文档)时，我似乎只会找到有关指令或数据绑定(bind)的文档。

Answer 1

您可以使用 indexOf() 来测试一个值是否在数组中，然后像这样在您的 ngClass 中使用它(有条件地添加“newclass”):

<div ng-class="{'newclass':([1,2,5].indexOf(2) > -1)}">Yay</div>

或者更有可能的是，您希望针对范围内的数组进行测试:

<div ng-class="{'newclass':(tarray.indexOf(1) > -1)}">Yay</div>

例如，假设您在 Controller 中声明了 tarray:

$scope.tarray=[1,2,5];

demo

就模板引擎而言，它内置于 Angular 中。因此，实际上并没有单独的东西可以搜索。但这是 top level template docs还有一些不错的video tutorials here涵盖模板(例如第一个是关于数据绑定(bind)的)以及更多内容。