Javascript 如何使用无效字符访问对象属性
我正在编写一个Angular应用程序，它与已经在使用的Google Analytics API接口。谷歌返回的数据前缀为“ga:”如示例“ga:newvisions” 如果我使用表达式{total.ga:newvists}，Angular将无法解析它。任何试图转义冒号以继续的尝试都会导致错误或完全转义我的表达式 如何将{{total.ga:newvisions}}传递给Angular，以便表达式正常工作？Javascript 如何使用无效字符访问对象属性,javascript,regex,angularjs,google-analytics,Javascript,Regex,Angularjs,Google Analytics,我正在编写一个Angular应用程序，它与已经在使用的Google Analytics API接口。谷歌返回的数据前缀为“ga:”如示例“ga:newvisions” 如果我使用表达式{total.ga:newvists}，Angular将无法解析它。任何试图转义冒号以继续的尝试都会导致错误或完全转义我的表达式 如何将{{total.ga:newvisions}}传递给Angular，以便表达式正常工作？ <!doctype html> <html ng-app="Anal
<!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>
-
{{total.ga:newvisions}
{{total['ga:newVisits']}}
在JavaScript中，可以通过点符号或括号符号访问对象属性。点表示法通常更简洁，但有一些限制。正如您所注意到的，您的属性包含无效字符，因此无法通过点表示法访问。然后，解决方案是使用括号表示法访问属性：
total['ga:newvisions']{{total['ga:newvisions']}var myObj {
bar: '123'
};
var foo = 'bar';
console.log(myObj[foo]); //logs '123'
{{total['ga:newvisions']}