2016-07-02 11 views
2

新しいプロジェクトを作成しましたが、修正できない問題がありました。

は、ここに私の例です:

angular.module('MosysTimes', ['ngRoute']).config($routeProvider, RouteConfiguration); 

function RouteConfiguration ($routeProvider) { 
    $routeProvider 
     .when('/', { 
      templateUrl: 'start.html', 
      controller: 'WelcomeController' 
     }) 
     .when('/login', { 
      templateUrl: 'login.html', 
      controller: 'LoginController' 
     }) 
     .otherwise({ 
      redirectTo: '/' 
     }); 
} 

それは常に言う:

$ routeProviderが定義されていない....

をすべてのヘルプは理解されるであろうか?

+0

どのバージョンですか? ngRouteはもはや基本ライブラリの一部ではありません。 – Jorg

+0

configは、一意の引数として注入可能な関数を期待しています。引数として$ routeProviderを渡していますが、実際にはどこにも定義されていません。最初の引数をconfig()にドロップします。 –

答えて

1

コードをこれに変更する必要があります。

angular.module('MosysTimes', ['ngRoute']).config(['$routeProvider',function($routeProvider) 
{ 
$routeProvider 
    .when('/', { 
     templateUrl: 'start.html', 
     controller: 'WelcomeController' 
    }) 
    .when('/login', { 
     templateUrl: 'login.html', 
     controller: 'LoginController' 
    }) 
    .otherwise({ 
     redirectTo: '/' 
    }); 
}]);  
+3

また、コードを変更する理由も説明してください。 –

0

$routeProviderを機能として宣言する必要があります。その後、この$routeProviderを使用してメインページの読み込みテンプレートにアクセスできます。

1

ngrouteスクリプトをインデックスhtmlに追加しましたか?例えば :

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.min.js"></script> 

とあなたのヒントを試した後、私はそれが動作し、より多くの理解のビット角度しまった、あなたのすべてに、次の構文

angular.module("MosysTimes",['ngRoute']).config(function($routeProvider) { 
    $routeProvider 
    .when('/', { 
     templateUrl: 'start.html', 
     controller: 'WelcomeController' 
    }) 
    .when('/login', { 
     templateUrl: 'login.html', 
     controller: 'LoginController' 
    }) 
    .otherwise({ 
     redirectTo: '/' 
    }); 
}); 
1
angular.module('yourModule').config(['$routeProvider', function($routeProvider){ 
$routeProvider 
    .when() ..... 
}]); 
0

ありがとう使用するようにしてください。.. THX ...

関連する問題