Loading modules in Angularjs

Question

I have a problem trying to load some modules.

controller1.js:

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

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

The console says that there is a problem with the injector. Can you find the error?

Answer 1

You must add angular-route.js . Reference

The ngRoute module provides routing and deeplinking services and directives for AngularJS apps.

How do you fix it?

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

And

angular.module('LPC', [])