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

Question

我有一个包含 JSON 对象的$scope变量。scopeVarJSON 对象有一些复杂的键名，例如"onStatus[1]".

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

PS-我认为在阅读此答案后可以以这种方式使用 JSON 键。但是我仍然对在键名中使用“[”等符号持怀疑态度，因为它们也可用于表示数组元素。

Answer 1

如果onStatus[1]实际上是属性名称而不是onStatus数组的第二个元素，则应使用括号表示法来访问该属性：

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

或如 中的表达式ngBind：

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

Answer 2

在对我有用的视图中像这样使用它。

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

基本上在插值中，您放置的任何内容都被视为纯 JS 代码，因此在浏览器控制台中工作的任何内容也将在花括号之间工作。