在AngularJS中使用括号

时间:2016-07-28 15:10:15

标签: javascript angularjs-directive

我的问题可能很愚蠢,但我很难确定在使用AngularJS的HTML中是否使用{}或{{}}或其他内容。

我遇到了以下情况:   1 / ng-src = "{{ mysource }}"   2 / ng-class = "{ active:tab===2 }"   3 / ng-repeat = "foo in foos"

我想我明白3 /是指令不是文字替换,如1 / /但为什么在2 /中使用简单的括号?

非常感谢您的帮助!

汉堡

1 个答案:

答案 0 :(得分:1)

示例2中的花括号实际上用于创建对象文字(请参阅第2点here),其中键映射到类名,值映射到类值。它与写这样的东西时使用的大括号完全相同:

var myData = {
    x: 5,
    y: 6
}; 

示例1中的双括号用于AngularJS templates,其中值由Angular插入到HTML中。

示例3只使用普通的HTML属性(与<div class="test">完全相同)。