AngularJS Custom指令未显示

时间:2016-01-19 15:01:33

标签: javascript html angularjs angularjs-directive

学习AngularJS,我似乎无法看到我的自定义指令有什么问题。使用修改过的w3学校代码来展示我的问题的一个更简单的例子。

当我在谷歌浏览器中使用demo.html午餐时,我只会看到一个白色的屏幕。

热门剪辑 - demo.html 底部剪辑 - app.js




(function(){

    var app = angular.module("myApp", []);

    var direc = function() 
    {
        return 
        {
            restrict : 'A',
            template : "<h1>Made by a directive!</h1>"
        };
    };
    
    app.directive("w3TestDirective", direc);
})();
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:2)

语法错误:在defininig direc函数中你不需要关闭parantheses。

(function(){

    var app = angular.module("myApp", []);

    var direc = function() 
    {
        return 
        {
            restrict : 'A',
            template : "<h1>Made by a directive!</h1>"
        }
    };// You had extra closing parantheses here

      app.directive("w3TestDirective", direc);
})();