Question

我是棱角分明的新人，我需要你的帮助来了解我的问题是什么：）

我创建了一个像这样的简单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中我不明白为什么..我的依赖关系没有正确设置？我忘了什么？

如果有人可以提供帮助;）那真的很棒！谢谢大家!!

祝你好运， CUETO Vincent

Answer 1

您尚未在应用的最终版本中注册任何控制器

应该是这样的;

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

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

如果这不能解决您的问题，请分享您的index.html

Answer 2

检查您是否按正确顺序在index.html中包含文件： 1. Angularjs lib 2.您的应用和模块

你忘记了控制器吗？

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

Answer 3

我的索引是这样的：

<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

角度依赖不起作用

3 个答案: