Question

我在为自己的网络应用程序使用自定义指令时遇到了问题。当我在Chrome中启动JS控制台时，我得到了Failed to instantiate module w2l-direc due to: {1}。似乎我在模块中编写的代码有问题。我对角度相对较新，所以任何有关以下代码的反馈都将不胜感激

(function() {
var app = angular.module('w2l-directives', ['ui.bootstrap', 'ngRoute']);
app.directive('gamesCol',['$http', function($http){
        return {
            restrict: 'E',
            templateUrl: 'games-col.html',
            controller: function(){
                this.games = $http.get('/js/games.json').success(function(data) {
                    this.games = data;
                });

                this.isSet = function(checkGame){
                    return this.game === checkGame;
                };

                this.setGame = function(activeGame){
                    this.game = activeGame;
                };
            },
            controllerAs:'game'
        };
    }]);

    app.directive('testimonyCol', function(){
        return {
            restrict: 'E',
            templateUrl: 'testimonies-col.html',
            controller: function(){
                this.testimonials = $http.get('/js/testimonies.json').successs(function(data) {
                    this.testimonials = data;
                }); 
                this.current = 0
                this.currentTestimony = testimonies[current];

                this.setTestimony = function(checked){
                    if (checked !== this.currentTestimony) {
                    this.current = checked || 0;
                    }
                };
            },
            controllerAs:'testimony'
        };
    });
})();`

Answer 1

您的错误消息对我来说很奇怪，它应该包含一个原因而不是{1}。

无论如何，我想到的是，angular无法找到你的模块依赖关系。你能检查一下ui.route的脚本文件是否包含在页面上？

ui.bootstrap不是角度发行版的一部分。你可以在这里找到它：http://angular-ui.github.io/bootstrap/。（或者只是删除依赖项，如果你不使用它）

Answer 2

只是提示：尝试在Firefox控制台中检查您的代码，它会为您提供有关问题的详细信息，而不是Chrome。

如何解决AngularJS $ injector：modulerr（里面有详细信息）

2 个答案: