Angular JS花括号在对象属性名称中的短划线处停止评估

时间:2016-07-26 15:23:04

标签: javascript html angularjs

我使用AngularJS花括号{{}}从对象输出一些数据到

标签中。 它适用于所有对象属性,如:

<p>{{archivi.CARATTERISTICI[0].TESTATA}}</p>

但在尝试以下内容时:

<p> {{archivi.FASE-XD}}</p>

它输出名为archivi.FASE的对象中另一个属性的值。显然它停止在仪表板上解析 - &#39; - &#39;并且无视之后发生的事情。

有关如何解决此问题的任何想法?

3 个答案:

答案 0 :(得分:3)

使用括号表示法

<p> {{archivi['FASE-XD']}}</p>

答案 1 :(得分:0)

问题是js解析器将短划线-解释为减法运算符。

所以只需改变

<p> {{archivi.FASE-XD}}</p>

<p> {{archivi['FASE-XD']}}</p>

答案 2 :(得分:0)

&#39; - &#39;是一个运营商,并将以这种方式对待它。因此,要访问该酒店,您需要{{archivi [&#39; FASE-XD&#39;]}}