CODEWITHSUNDEEP
javascriptjqueryangularjs
Marco Dinatsoli
Marco Dinatsoli

Reputation: 10580

$routeProvider is unknown

I have added the scripts like this

<script src="Scripts/angular.js"></script>
    <script src="Scripts/angular-route.min.js"></script>
    <script src="Scripts/angular-resource.min.js"></script>
    <script src="Scripts/test.js"></script>

and I did this in my test.js

var app = angular.module('MyApp', ['ngRoute']).config(function ($routeProvider) {
    $routeProvider.when('/login', {
        templateUrl: 'login.html',
        controller: 'loginController'
    });
    $routeProvider.otherwise({ redirectTo: '/login' });
});


app.controller('loginController', function () {

})

I got that the $routeProvider is unknown.

I have read many questions about this and I tried the solutions but nothing works.

help please

note

the angular library is working I can make binding for example

Upvotes: 1

Views: 240

Answers (2)

Miraage
Miraage

Reputation: 3464

Since Angular 1.2 - ngRoute module is separated as component, you have to include angular-route.js, then you will have your providers.

https://github.com/angular/angular.js/commit/5599b55b04788c2e327d7551a4a699d75516dd21 https://github.com/angular/angular.js/blob/master/CHANGELOG.md#breaking-changes-12

Upvotes: 0

Arun P Johny
Arun P Johny

Reputation: 388406

Try

<div ng-app="MyApp" ng-controller="loginController">{{test}}</div>

then

var app = angular.module('MyApp', ['ngRoute']).config(function ($routeProvider) {
    $routeProvider.when('/login', {
        templateUrl: 'login.html',
        controller: 'loginController'
    });
    $routeProvider.otherwise({
        redirectTo: '/login'
    });
});


app.controller('loginController', function ($scope) {
    $scope.test = "test me"
})

Upvotes: 2

Related Questions