因此，正如问题标题所述，我在$ rootScope中有一个对象（我们将其称为$ rootScope.appConfiguration），该对象在模块的.run中采用一个值：
angular.module('myapp',[...])
.provider('appConfigurationProvider',function(){...})
.constant(...)
.run(function($rootScope) {
$rootScope.appConfiguration = appConfiguration;
});
（...部分只是跳过的代码，使内容更易读）
然后在我的index.html中，我要实现angulartics-piwik：
<body ng-app>
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
//_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u = appConfiguration.PiwikUrl;
_paq.push(['setTrackerUrl', u + 'piwik.php']);
_paq.push(['setSiteId', appConfiguration.PiwikSiteId]);
var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
g.type = 'text/javascript';
g.async = true;
g.defer = true;
g.src = u + 'piwik.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<!-- End Piwik Code -->
...
如您所见，我想使用我的appConfiguration对象中的2个值PiwikUrl和PiwikSiteId，但我不知道如何在javascript中“传递”该对象。显然，由于代码现在，我收到“未定义appConfiguration”错误消息。
最佳答案
我建议使用服务和配置常量（可以在提供程序中将它们组合）的另一种方法：
常量定义：
angular.module('myApp')
.constant('AppConfiguration', { ... });
服务：
angular.module('myApp')
.factory('PiwikService', ['$window', 'AppConfiguration',
function($window, AppConfiguration) {
return {
init: function() {
$window._paq = $window._paq || [];
var _paq = $window._paq;
_paq.push(['enableLinkTracking']);
var u = AppConfiguration.PiwikUrl;
_paq.push(['setTrackerUrl', u + 'piwik.php']);
_paq.push(['setSiteId', AppConfiguration.PiwikSiteId]);
var g = angular.element('<script>')[0],
s = angular.element(document).find('script')[0];
g.type = 'text/javascript';
g.async = true;
g.defer = true;
g.src = u + 'piwik.js';
s.parentNode.insertBefore(g, s);
}
};
}
]);
然后，您可以使用此新服务在运行块中初始化Piwik。
angular.module('myApp',[...])
.run(['PiwikService',
function(PiwikService) {
PiwikService.init();
}
]);