角度依赖性不起作用

我用新的角度，我需要你的帮助，了解哪些是我的问题:)角度依赖性不起作用

我创建了一个简单的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

角度依赖性不起作用

回答

相关问题