AngularJS：在视图中解析复杂的Json键

我有一个$scope变量scopeVar它包含一个JSON对象。 JSON对象具有一些复杂的键名称，例如"onStatus[1]"。AngularJS：在视图中解析复杂的Json键

是否有可能在视图模板内部解析这些键名，以便我可以像{{scopeVar.onStatus[1]}}或ng-bind="scopeVar.onStatus[1]"？那样使用它们。

PS-我认为在阅读这个answer之后可以使用这种方式使用JSON密钥。但是我仍然怀疑在密钥名称中使用诸如'['等符号，因为它们也可能用于表示数组元素。

2014-12-29 Abdul23

所以'onStatus [1]'实际上是一个属性的名称？它不是'onStatus'数组的第二个元素？ – dfsq

是.it是属性的名称。 – Abdul23

如果onStatus[1]实际上是一个属性名称，而不是应该使用括号符号来访问属性的onStatus阵列的第二个元素：

{{ scopeVar['onStatus[1]'] }}

或作为ngBind表达式：

ng-bind="scopeVar['onStatus[1]']"

2014-12-29 07:47:05 dfsq

是的。这就是它应该如何工作。其实我试过这个解决方案，但用它作为'{{scopeVar [onStatus [1]]}}'。没有把密钥名称作为'..'中的字符串。感谢您的早日回复。 – Abdul23

在它适用于我的视图中像这样使用它。

{{ scopeVar['onStatus[1]'] }}

基本上插值什么，你把被视为纯JS代码，所以任何浏览器的控制台作品也将在工作中花括号之间。

2014-12-29 08:00:40

回答