Модуль AngularJS не работает

Так что я слишком долго смотрел на это. Надеюсь, кто-то может мне помочь :) Я просто пытаюсь создать модуль, который создает директиву и контроллер для моего заголовка сайта в AngularJS. Я не получаю никаких ошибок, и журнал моего кода не будет отображаться. Это код, связанный с модулем заголовка:Модуль AngularJS не работает

заголовка/header.js

'use strict'; 
angular.module('myApp.header', []) 

.directive("headerBar", [function(){ 
    return { 
    restric: "E", 
    templateUrl: "header/header.html", 
    controller: 'HeaderCtrl' 
    }; 
}]) 

.controller('HeaderCtrl', ['$log', function($log) { 
    $log.log('test header controller'); 
}]);

app.js

angular.module('myApp', [ 
    'ngRoute', 
    'myApp.header' 
]). 
config(['$routeProvider', function($routeProvider) { 
    $routeProvider.otherwise({redirectTo: '/'}); 
}]);

index.html

<script src="header/header.js"></script> 


<header-bar></header-bar>

источник

2015-04-17 Bastiaan Andriessen

Вы инициализировали приложение? – avcajaraville

Почему я должен добавить директиву, связанную с объектами, в мой основной модуль? И да, я инициализировал приложение, модули маршрутизации работают отлично. –

Я вижу опечатку на вашем определении директивы:

Должно быть restrict: "E", вы 'в настоящее время отсутствует' t '

источник

2015-04-17 10:57:26 MattDionis

Привет, полностью упустил это. Спасибо, что заметили! По другим возможным причинам, о которых вы упоминали ранее (и другим ответам): В исходном посте я сказал, что я только разместил код, связанный с проблемой, поэтому все мои включенные и т. Д. Уже были там. Но опять же, спасибо за быструю помощь. Оно работает! –

Я заметил, что после повторного чтения, поэтому я отредактировал свой пост, чтобы удалить все остальные очки. Рад помочь! – MattDionis

Вы должны вызвать эталонные сценарии app.js и angular.js на странице индекса

Некоторые думают, как показано ниже

//Jquery Scripts 
    //Angular.js library scripts 
    <script src="header/header.js"></script> 
    **<script src="app.js"></script>**// Please refer here your app.js script 



<header-bar></header-bar>

источник

2015-04-17 10:56:21

Это работает для меня. Пожалуйста, проверьте что вы включаете все файлы.

<html> 
<head> 
    <title>test</title> 

    <link rel="stylesheet" href="styles.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> 
     <script src="header/header.js"></script> 
     <script src="app.js"></script> 
</head> 

<body ng-app="myApp.header" ng-controller="HeaderCtrl"> 
<header-bar></header-bar> 

</body> 
</html>

источник

2015-04-17 11:49:52 dev

Модуль AngularJS не работает

ответ

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