angularJS何时使用花括号何时使用引号

时间:2016-06-01 16:55:04

标签: angularjs

在angularJS中,有时候我会使用花括号,有时我可以把它放在双引号中。以以下li标记为例:

<ul ng-repeat="question in questionModel.questionaire">
[...]
  <ul ng-repeat="answer in question.answers">
    <li><input type="radio" 
           ng-click="questionModel.handleChange(answer)" 
           ng-model = "question.answered" 
           value={{answer}} 
           name={{$parent.$index}} required>
        {{answer}}
    </li>

我用反复试验编码,我不确定是否应该使用{{}}或双引号。

2 个答案:

答案 0 :(得分:3)

Angular有一些您在模板中使用的预定义指令,如ng-model,ng-show,ng-if等。对于这些,您只需使用双引号

指定值即可

对于不像“值”,占位符,名称等角度的一部分,如果要从控制器传递数据,则必须使用花括号(或用于插值的任何符号)

答案 1 :(得分:1)

Curly大括号处理值到字符串的插值。如果您使用的是需要字符串值的指令,那么您应该使用花括号。

在其他任何时候,你都没有省略花括号。这是因为传递给指令的值是函数引用(如在ngClick指令中),或者是对象(如在ngModel指令中)。