angularjs指令内的link函数无法正常工作

时间:2014-07-07 17:08:49

标签: javascript angularjs angularjs-directive

我有一个js小提琴here

指令既不渲染,也不调用该指令的链接函数。

代码: JS

(function() {
    var app = angular.module("directives", []);

    app.directive("mySample", function() {
        return {
            restric: "E",
            replace: true,
            template: "<div>sample directive</div>",
            link: function(scope, elem, attrs) {
                console.log(elem);
            }
        };
    });
}());

HTML:

<body ng-app="directives">
      <my-sample></my-sample>
</body>

1 个答案:

答案 0 :(得分:2)

您的指令有一个restric属性,应该是restrict(缺少最终的&#39; t&#39;)。