使用自定义angularjs指令加载脚本

时间:2016-05-26 04:03:10

标签: javascript angularjs

我对angularjs很新。 我想使用自定义angularjs指令加载脚本标记。下面是我想要实现的示例代码:

angular.module('app')
  .directive('myScript', function () {
    return {
      restrict: 'E',
       template : function(e,a){
           return '<script>document.write(5 + 6);</script>';  
        }
    };
  });

因此,当在html中添加指令时将显示11:

<div><my-script></myscript></div>

但我无法实现这一目标。那么,我猜我的代码是错的?请帮我解决一下这个。提前谢谢。

1 个答案:

答案 0 :(得分:0)

好的,你为什么要用脚本标签来做呢?尹?

您可以使用内置指令来执行此操作。 类似于 ng-bind ,甚至是大括号 {{}} AngularJs将评估您的表达式并将标记值设置为结果。

实施例: <span ng-bind="5 + 6"></span>

结果: <span>11</span>

每当你需要评估表达式时,你都可以这样做:)