Javascript 角度JS花括号在对象属性名称中的破折号处停止计算

Javascript 角度JS花括号在对象属性名称中的破折号处停止计算,javascript,html,angularjs,Javascript,Html,Angularjs,我使用AngularJS花括号{{}将一些数据从对象输出到标记中。 它适用于所有对象属性,如: <p>{{archivi.CARATTERISTICI[0].TESTATA}}</p> {{archivi.CARATTERISTICI[0].TESTATA} 但在尝试以下操作时: <p> {{archivi.FASE-XD}}</p> {{archivi.FASE-XD} 它输出名为archivi.FASE的对象中另一个属性的值。显然,它在

我使用AngularJS花括号{{}将一些数据从对象输出到标记中。 它适用于所有对象属性,如:

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

但在尝试以下操作时:

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

它输出名为archivi.FASE的对象中另一个属性的值。显然,它在破折号“-”处停止解析,并忽略后面的内容

关于如何解决这个问题有什么想法吗?

使用括号表示法

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


问题在于js解析器将破折号
-
解释为减法运算符

所以只要改变

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

{{archivi['FASE-XD']}


“-”是一个运算符,它将以这种方式处理。因此,要访问该属性,您需要执行{archivi['FASE-XD']}}

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