2016-01-19 5 views
-1

Изучение AngularJS, и я, похоже, не вижу, что не так с моими настраиваемыми директивами. Использование модифицированного школьного кода w3, чтобы показать более простой пример моей проблемы.AngularJS Пользовательские директивы Не показывать

Когда я обедаю demo.html в google chrome, я получаю только белый экран.

Топ надрез - demo.html Bottom надрез - 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); 
 
})();
<!DOCTYPE html> 
 
<html> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
    <script src="app.js" type="text/javascript"></script> 
 
    <body ng-app="myApp"> 
 
     
 
     <div w3-test-directive></div> 
 

 
    </body> 
 
</html>

ответ

2

Синтаксическая ошибка: Вам не нужно замыкающая круглые скобки, а defininig адр функции.

(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); 
})(); 
+0

Я заставил вас измениться, и я все еще ничего не получаю. – baron159

Смежные вопросы