Question

正如问题标题所说，我在$ 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对象，PiwikUrl和PiwikSiteId中的2个值，但我不知道如何在javascript中“传递”该对象。显然，因为代码现在我得到“appConfiguration未定义”错误消息..

Answer 1

我建议使用不同的方法，使用服务和配置常量（您可以将它们组合在提供程序中）：

常数定义：

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();
    }
  ]);

Answer 2

将您的变量推送到window全局对象中。如下所示，然后在piwik配置脚本中像window.objectname一样访问它。

添加此代码以将appConfiguration添加到窗口对象中。

window.appConfiguration = $rootScope.appConfiguration ;

然后在您的piwik配置中，您可以像

一样访问它

var _paq = _paq || [];
//_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
    var u = window.appConfiguration.PiwikUrl;
    _paq.push(['setTrackerUrl', u + 'piwik.php']);
    _paq.push(['setSiteId', window.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);
})();

更新

angular.element(document).ready(function () {
    // put your piwik code here
});

在放置在视图中的javascript中传递$ rootScope值

2 个答案:

更新