2016-11-03 92 views
0

我有這個app.js文件

angular.module('myApp', [ 
 
    'myApp.version', 
 
    'ui.router' 
 
]). 
 
config(['$locationProvider','$urlRouterProvider','$stateProvider', function($locationProvider,$stateProvider, $urlRouterProvider, $httpProvider) { 
 

 
    $urlRouterProvider.otherwise('/view1'); 
 
     
 

 
    $stateProvider 
 
     .state('view1', { 
 
     url: '/view1', 
 
     templateUrl: 'partials/view1.html' 
 
     //controller: 'view1.MainController' 
 
     }) 
 
     .state('view2', { 
 
     url: '/view2', 
 
     templateUrl: 'partials/view2.html' 
 
     }) 
 

 
     .state('view3', { 
 
     url: '/view3', 
 
     templateUrl: 'partials/view3.html' 
 
     }) 
 

 
     .state('view4', { 
 
     url: '/view4', 
 
     templateUrl: 'partials/view4.html' 
 
     }); 
 
}]);

我已經包含了 「https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.min.js」 CDN在我的index.html文件,它是越來越裝好。

但即使它被裝載在控制檯給人一個錯誤

無法實例化模塊對myApp由於: 類型錯誤:$ urlRouterProvider.otherwise不是一個函數

我試圖消除這行,然後測試代碼,但後來它給

無法實例化模塊對myApp由於: 類型錯誤:$ stateProvider.state不是一個函數

我已經經歷了多次代碼,但我無法識別錯誤/錯誤。

(角版本是1.5.8和角度的UI路由器的版本是0.3.1,如果這能幫助)

請幫助!

+0

你見過[this](http://stackoverflow.com/questions/16793724/otherwise-on-stateprovider)嗎? – heringer

+0

@heringer是啊我已經看到這篇文章..我試過$ urlRouterProvider.otherwise(「/」)..仍然是相同的錯誤..我認爲這與我包括角-UI路由器有關。 .i不認爲它被包含在app.js文件中的依賴關係中 –

回答

1

您反轉了參數:urlRouterProvider和stateProvider。

錯誤的順序:

config(['$locationProvider', '$stateProvider', '$urlRouterProvider', function($locationProvider, $urlRouterProvider,$stateProvider, $httpProvider) { 

正確的順序:

config(['$locationProvider','$urlRouterProvider','$stateProvider', function($locationProvider, $urlRouterProvider,$stateProvider, $httpProvider) { 

您使用的技術,以避免微小問題,但「弦-名」的順序必須是相同的函數參數的順序。

我敢打賭,你知道這一點,只是錯誤鍵入。

+0

我多麼愚蠢的忘記了這一點,我花了數小時試圖找出錯誤..:/ –

+0

我知道這種感覺,我一直在那裏很多次:) – heringer