&引用；未解析变量“；由AngularJS中很长的表达式引起

因为我从后端接收到一个高度嵌套的对象，所以我尝试使用一个非常长的表达式：

<span>{{monitorValues.monitor.eventCounters[0].propertyCounters[0].total}}</span>

{{monitorValues.monitor.eventCounters[0].propertyCounters[0].total}

在调用数组

propertyCounters

时，Webstorm向我显示提示“Unresolved Variable”，并且不会显示任何内容。最有效的表达式是

monitorValues.monitor.eventCounters[0].propertyCounters

，它显示了整个数组。

---

如何使完整表达式工作以显示我要显示的值？

好的，我刚刚将表达式外包到js文件中，如：

$scope.getValue = function(eventIndex, propIndex, index){

    var eventCounter = $scope.monitorValues.monitor.eventCounters[eventIndex];
    var propCounter = eventCounter.propertyCounters[propIndex];
    var valueCounter = propCounter.total[index];

    return valueCounter;
}

---

现在它可以工作了。

好的，我只是将表达式外包到js文件中，如下所示：

$scope.getValue = function(eventIndex, propIndex, index){

    var eventCounter = $scope.monitorValues.monitor.eventCounters[eventIndex];
    var propCounter = eventCounter.propertyCounters[propIndex];
    var valueCounter = propCounter.total[index];

    return valueCounter;
}

---

现在它可以工作了。

您还可以在作用域或控制器中创建一个返回该值的函数，并改为调用它，这应该可以工作，因为您不能将另一个变量如

$scope.eventCounters

设置为子集？您还可以在作用域或控制器中创建一个返回该值的函数，并改为调用它，这应该行得通，为什么不能将另一个变量如

$scope.eventCounters

设置为子集？