Angularjs Angular js中的active:true构造是什么?

Angularjs Angular js中的active:true构造是什么?,angularjs,Angularjs,我正在学习phonecat Angular教程,我想知道这段代码在做什么: <div class="phone-images"> <img ng-src="{{img}}" class="phone" ng-repeat="img in phone.images" ng-class="{active:mainImageUrl==img}"> </div> {active:true}是角度构造吗?如果是,它做

我正在学习phonecat Angular教程,我想知道这段代码在做什么:

<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重复行之上
是一个指令,需要一个角度表达式。表达式的类型可以是字符串(类的名称)、字符串数组(类的名称)或对象,其中键是类的名称,值是布尔值,指示是否必须添加类

在这种情况下,表达式是一个文本JavaScript对象,就像您在JavaScript代码中编写它一样:

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

如果
mainmageurl==img
为真,则CSS类“active”将被添加。

I标记为太宽。首先,您要问“这个代码是如何工作的?”其次,您要问后续问题。你不是在问一个特定的问题,而是在寻求教程的帮助。如果教程有一个论坛,我建议你问那里。