我正在编写一个与已在使用的Google Analytics（分析）API交互的Angular应用。Google返回的数据以“ ga：”为前缀，如示例“ ga：newVisits”。
如果我使用表达式{{total.ga:newVisits}}，Angular无法解析它。逃避冒号继续的任何尝试均导致错误或完全逃避我的表达。
如何将{{total.ga:newVisits}}传递给Angular，以便表达式可以正常工作？
<!doctype html>
<html ng-app="AnalyticsApp">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js"></script>
<script src="angular-controller.js"></script>
</head>
<body ng-controller="AnalyticsCtrl">
<ul>
<li ng-repeat="total in result">
{{total.ga:newVisits}}
</li>
</ul>
</body>
</html>
在JavaScript中，可以使用点符号或方括号符号来访问对象属性。点表示法通常更简洁，但有局限性。您已经注意到，您的媒体资源包含无效字符，因此无法通过点表示法进行访问。然后，解决方案是使用括号表示法访问属性，如下所示：total['ga:newVisits']这样您的完整代码将为{{total['ga:newVisits']}}。现场演示在这里（单击）。
关于括号表示法的另一个不错的功能是，它允许您将变量名用作属性：
var myObj {
bar: '123'
};
var foo = 'bar';
console.log(myObj[foo]); //logs '123'
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句