Question

我正在关注phonecat Angular教程here，我想知道这段代码在做什么：

<div class="phone-images">
  <img ng-src="{{img}}"
       class="phone"
       ng-repeat="img in phone.images"
       ng-class="{active:mainImageUrl==img}">
</div>

{active：true}是一个角度构造？如果是这样，它做了什么以及文档在哪里？为什么单{}？
{{img}}会在ng-src中工作，即使它在ng-repeat行之上吗？

Answer 1

ng-class是一个指令，它需要一个Angular表达式。表达式的类型可以是字符串（类的名称），字符串数组（类的名称），或者键是类的名称的对象，值是布尔值，告诉类是否必须是否添加。

在这种情况下，表达式是一个文字JavaScript对象，就像在JavaScript代码中编写它一样：

var object = {active: mainImageUrl == img};

CSS课程＆＃39;活跃＆＃39;如果mainImageUrl == img为真，则会添加。

Angular js中的active：true构造是什么？

1 个答案: