Javascript 在Angularjs中加载模块

我在尝试加载某些模块时遇到问题

controller1.js

：

angular.module('LPC')
   .controller('lista_peliculas_controller', ['$scope', function($scope) {
       $scope.hola="hola peliculas";
   }]);

var app = angular.module('mis_peliculas', []);

app.config(function($routeProvider){
    $routeProvider
        .when("/pagina_principal",{
            templateUrl: "views/pagina_principal.html",
            controller: "lista_peliculas_controller"
        })
        .when("/lista_peliculas",{
            templateUrl: "views/lista_peliculas.html",
            controller: "lista_peliculas_controller"
        })
        .when("/lista_series",{
            templateUrl: "views/lista_series.html",
            controller: "lista_series_controller"
        })
        .otherwise({
            redirectTo: "/pagina_principal"
        })
});

和

app.js

：

angular.module('LPC')
   .controller('lista_peliculas_controller', ['$scope', function($scope) {
       $scope.hola="hola peliculas";
   }]);

var app = angular.module('mis_peliculas', []);

app.config(function($routeProvider){
    $routeProvider
        .when("/pagina_principal",{
            templateUrl: "views/pagina_principal.html",
            controller: "lista_peliculas_controller"
        })
        .when("/lista_peliculas",{
            templateUrl: "views/lista_peliculas.html",
            controller: "lista_peliculas_controller"
        })
        .when("/lista_series",{
            templateUrl: "views/lista_series.html",
            controller: "lista_series_controller"
        })
        .otherwise({
            redirectTo: "/pagina_principal"
        })
});

控制台显示喷油器有问题。

---

你能找到错误吗？

你必须添加

angular route.js

ngRoute模块提供路由和深度链接服务以及 AngularJS应用程序的指令

你怎么修理它

var app = angular.module('mis_peliculas', ['ngRoute','LPC']);

和

angular.module('LPC', [])

---

如果没有完整的错误日志，我不能更准确地说，但是我认为注入错误可能与没有实例化的模块有关

尝试改变

angular.module('LPC') //here you get a reference to a module, that could cause your error

到

---

更新代码以使用正确的模块名称：

angular.module('mis_peliculas')
   .controller('lista_peliculas_controller', ['$scope', function($scope) {
       $scope.hola="hola peliculas";
   }]);

如果您想使用单独的模块，您需要首先初始化它并将其注入主模块

angular.module('LPC',[])
   .controller('lista_peliculas_controller', ['$scope', function($scope) {
       $scope.hola="hola peliculas";
   }]);

var app = angular.module('mis_peliculas', ['LPC']);

---

我假设您的路由已正确设置。

您需要将“LPC”模块传递到应用程序的“mis_peliculas”模块，以便使用“LPC”模块中的“lista_peliculas_controller”控制器

试试这个代码

angular.module('LPC',[])
   .controller('lista_peliculas_controller', ['$scope', function($scope) {
       $scope.hola="hola peliculas";
   }]);

这应该是你的controller1.js，应该在你定义你的应用之前定义。现在app.js应该是

var app = angular.module('mis_peliculas', ['LPC']);

    app.config(function($routeProvider){
        $routeProvider
            .when("/pagina_principal",{
                templateUrl: "views/pagina_principal.html",
                controller: "lista_peliculas_controller"
            })
            .when("/lista_peliculas",{
                templateUrl: "views/lista_peliculas.html",
                controller: "lista_peliculas_controller"
            })
            .when("/lista_series",{
                templateUrl: "views/lista_series.html",
                controller: "lista_series_controller"
            })
            .otherwise({
                redirectTo: "/pagina_principal"
            })
    });

这将删除所有错误，并且您应该能够从其他模块使用控制器

---

希望对您有所帮助

它起作用了，非常感谢您，似乎该bug是通过ngRoute产生的