Angularjs将服务注入指令

时间:2016-06-16 02:39:27

标签: javascript angularjs google-analytics

我需要将一个服务注入一个指令。这是我现在拥有的。我正在将configFactory注入指令

app.directive('googleAnalytics', function(configFactory){ 
  return {
    restrict: 'E',
    replace: true,
    link : function(scope,element,attrs){
      scope.configs = configFactory.getconfigs();
      console.log(scope.configs);
    },
    template: function(elem, attr){
      return "<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');ga('create', '', 'auto');</script>"
    }
  }
})

这是我的console.log看起来像

Promise {$$state: Object}
  $$state:Object
    status:1
    value:Array[1]
      0:Object
        a1:"Survivor"
        a2:"Patient"
        button_name:"DONATE TODAY"
        company_clr_1:"#46b8da"
        ga_id:"UA-XXXXXXXX-1"

我如何获得ga_id?我需要在此处插入其值:ga('create', 'ga_id', 'auto')

这是服务的样子:

app.factory('configFactory', function($rootScope, $log, $q, $http, Data) {
    var configs= {};
        configs.getconfigs=function(){
            var deferred = $q.defer();

            Data.get('config').then(function(data){
                deferred.resolve(data.data);
            });
                return deferred.promise;
        } 
    return configs;
});

2 个答案:

答案 0 :(得分:2)

configFactory.getconfigs()会返回一个承诺,因此您应该使用

configFactory.getconfigs().then(function(configs) {
    scope.configs = configs;
});

我也会在同一个地方执行GA代码,而不是使用模板。我觉得后者不会很好用。

答案 1 :(得分:-1)

杰森。由于您的服务返回 deffered.promise ,因此您可以使用然后功能来获取此值。这是我的代码:

@Override
public void onFragmentInteraction(String taskId, String taskName, String assigneeRef) { 
    CommentsFragment commentsFragment = CommentsFragment.newInstance(taskId, taskName);
    mSectionsPagerAdapter.fragmentList.remove(2);
    mSectionsPagerAdapter.fragmentList.add(commentsFragment);
    mSectionsPagerAdapter.notifyDataSetChanged();
    mViewPager.setCurrentItem(2);
}