在Angularjs中加载模块

问题描述：

我尝试加载某些模块时出现问题。在Angularjs中加载模块

controller1.js：

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

而且app.js：

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。 Reference

的ngRoute模块提供路由和deeplinking服务和指令的AngularJS应用。

如何解决它？

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

而

angular.module('LPC', [])

它的工作，非常感谢，似乎这个错误是由ngRoute –

答

没有错误，我不能更准确的完整的日志，但我认为，注射错误可能与你的模块没有被实例化。

尝试改变

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

到

angular.module('LPC', []) //here you instantiate a module

答

更新你的代码使用权模块名称：

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" 
      }) 
    });

这应该删除所有的错误，你应该能够从其他模块使用的控制器。

希望它有帮助

在Angularjs中加载模块

相关推荐