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

控制檯說，有一個與注射器的一個問題。你能找到錯誤嗎？

來源

2017-04-20 David_ult

您必須添加angular-route.js。 Reference

的ngRoute模塊提供路由和deeplinking服務和指令的AngularJS應用。

如何解決它？

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

而

angular.module('LPC', [])

來源

2017-04-20 15:52:08 ozgur

它的工作，非常感謝，似乎這個錯誤是由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

來源

2017-04-20 15:52:14 Karim

更新你的代碼使用權模塊名稱：

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']);

我假設你的路由已經正確設置。

來源

2017-04-20 15:52:14 Knitesh

您需要將'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" 
      }) 
    });

這應該刪除所有的錯誤，你應該能夠從其他模塊使用的控制器。

希望它有幫助

來源

2017-04-20 16:00:30 Chait

在Angularjs中加載模塊

回答

相關問題