由AngularJS中的长表达引起的“未解决的变量”

Question

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

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

在调用数组propertyCounters时，Webstorm向我显示了提示“Unresolved Variable”，并且不会显示任何内容。最有效的表达式是monitorValues.monitor.eventCounters[0].propertyCounters，它向我显示整个数组。 如何使完整表达式能够显示我想要显示的值？

Answer 1

好的，我只是将表达式外包到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;
}

现在可行。