角度依賴性不起作用

我用新的角度，我需要你的幫助，瞭解哪些是我的問題:)角度依賴性不起作用

我創建了一個簡單的app.js像這樣的：

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

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

這裏沒有依賴關係，我只是得到我的頭index.html感謝下面的代碼，這是工作！我太高興了！

現在我想恩把指令叫我在另一個名爲文件頭：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我不明白爲什麼..我的依賴沒有正確設置？我忘了什麼？

如果有人可以幫忙;）這將是非常好的！謝謝你！

最好的問候， CUETO文森特

來源

2014-10-03 Vincent

別的東西是你的代碼錯誤，這從您發佈的內容中看不出來。這裏是你的代碼工作的[plunker]（http://plnkr.co/edit/zC4NhynRQxa0WW2QTU65?p=preview）。 – 2014-10-03 12:12:56

這是用我自己的代碼工作的重拳，所以它是不正常的WAMP？ – Vincent 2014-10-03 12:35:01

你收到任何錯誤嗎？ – 2014-10-03 12:50:16

您還沒有註冊您的應用程序的最終版本的任何控制器

它應該是這樣的;

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

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

如果這不能解決您的問題，請您分享您的index.html

來源

2014-10-03 12:11:47 ysf

該指令解決沒有控制器定義功能 - 這不是問題。 – 2014-10-03 12:13:59

好吧，似乎你是對的。 – ysf 2014-10-03 12:19:33

我只是不明白爲什麼當我有依賴我的網站崩潰。在我的app.js ^^中沒有其他角色 – Vincent 2014-10-03 12:25:10

檢查是否包含在正確的順序的index.html文件： 1. Angularjs LIB 2.您的應用程序和模塊

你忘了控制器嗎？

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

來源

2014-10-03 12:12:33

我的指標是這樣的：

<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

來源

2014-10-03 12:21:53 Vincent

角度依賴性不起作用

回答

相關問題