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模塊不工作

回答

相關問題