2014-10-03 5 views
0

Я новичок с угловым и мне нужна ваша помощь, чтобы понять, что моя проблема :)Угловая зависимость не работает

Я создал простой app.js как этот:

(function() { 
    var app = angular.module('teamStats', []); 

    app.directive("header", function() { 
     return { 
      restrict: 'E', 
      templateUrl: "header.html" 
     }; 
    }); 
    app.controller('TeamController', function(){}); 
})(); 

Здесь нет никакой зависимости, я просто получаю свой заголовок в index.html благодаря приведенному ниже коду и работает! WOOT, я так счастлив!

Теперь я хочу ту поместить директиву, призывающую мой заголовок в другом файле с именем: template.js

(function(){ 
    var app = angular.module('template-directives', []); 

    app.directive("header", function() { 
     return { 
      restrict: 'E', 
      templateUrl: "header.html" 
     }; 
    }); 
})(); 

Мои app.js теперь так:

(function() { 
    var app = angular.module('teamStats', ['template-directives']); 
})(); 

Мои заголовок не отображается в моем index.html, я не понимаю, почему .. моя зависимость неправильно настроена? я что-то забыл?

Если кто-то может помочь;) было бы очень приятно! Спасибо всем!

С наилучшими пожеланиями, КУЭТО Винсент

+0

Что-то еще не так с вашим кодом, что не очевидно из того, что вы опубликовали. Вот [plunker] (http://plnkr.co/edit/zC4NhynRQxa0WW2QTU65?p=preview), когда ваш код работает. –

+0

Это работает на плункер с моим собственным кодом, так это WAMP, который не работает хорошо ??? – Vincent

+0

Вы получаете какие-либо ошибки? –

ответ

0

Вы не зарегистрированы какие-либо контроллеров в окончательной версии приложения

Это должно быть так;

(function() { 
    var app = angular.module('teamStats', ['template-directives']); 

    app.controller('TeamController', function(){}); 
})(); 

Если это не решит вашу проблему, пожалуйста, поделитесь своими index.html

+0

Директива разрешена без определяющей контроллер функции - это не проблема. –

+0

хорошо, кажется, что вы правы. – ysf

+0

Я просто не понимаю, почему, когда у меня была зависимость от моего веб-сайта. В моем приложении app.js ^^ нет ничего другого. – Vincent

0

Убедитесь, что вы включить файлы index.html в правильном порядке: 1. Angularjs Lib 2. Ваше приложение и модули

Вы забыли свой контроллер?

app.controller('TeamController', function(){}); 
0

Мой индекс, как это:

<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    <title>Ranked Team Stats</title> 
    <meta name="description" content=""> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <!-- Icon barre d'adresse -->  
    <link rel="icon" type="image/png" href="img/logo.png" /> 

    <link rel="stylesheet" href="css/bootstrap.min.css">   
    <link rel="stylesheet" href="css/bootstrap-theme.min.css"> 
    <link rel="stylesheet" href="css/main.css"> 

    <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script> 
    <script src="js/angular.js"></script> 
    <script src="js/app.js"></script> 
    <script src="js/template.js"></script> 
</head> 

в моем теле я поставил:

<body ng-app="teamStats"> 

называть мои app.js

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