AngularJS和AdSense

我想将谷歌Adsense添加到我的角度应用程序，我在这里找到了一个工作示例。

问题是我无法在我的模板中添加html，因为我正在脚本标记（ <script type="text/ng-template".... ）中加载模板，并且adsense的script标记打破了模板。

我试着将模板移动到指令中：

app.directive('Adsense', function() {
  return {
    restrict: 'A',
    transclude: true,
    replace: true,
    template: '<div><script type="text/javascript" async="async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>' +
              '<ins class="adsbygoogle" style="display: inline-block; width: 234px; height: 60px;" ' +
              'data-ad-client="ca-pub-xxxxx" data-ad-slot="xxxxx"></ins>' +
              '<script type="text/javascript">(adsbygoogle = window.adsbygoogle || []).push({});</script></div>',
    link: function ($scope, element, attrs) {}
  }
})

但是，当指令设置时（这似乎是想要的行为AngularJS模板，内部JS不执行），JavaScript不会执行。 还有另一种方式？

---

谷歌搜索：https：//gist.github.com/endorama/7369006

/*global angular */
(function (ng) {
  'use strict';

  var app = ng.module('ngLoadScript', []);

  app.directive('script', function() {
    return {
      restrict: 'E',
      scope: false,
      link: function(scope, elem, attr) {
        if (attr.type=='text/javascript-lazy') {
          var code = elem.text();
          var f = new Function(code);
          f();
        }
      }
    };
  });

}(angular));

然后在你的模板上：

<script type="text/javascript-lazy">
  console.log(true);
</script>

使用这样的东西，或修改加载一些指定的文件或使用https://github.com/ocombe/ocLazyLoad

有很多方法。

链接地址: http://www.djcxy.com/p/16001.html

上一篇: AngularJS and adsense

下一篇: Understanding promises in node.js for recursive function