2014-10-06 66 views
23

我在index.html中包含其他html文件作爲模板。爲此,我正在使用ng-view指令。但我得到一個錯誤: Unknown provider: $templateRequestProvider <- $templateRequest <- $route <- ngViewDirective 我使用的代碼是:

'use strict'; 
var surveyApp = angular.module('surveyApp',['ngRoute']); 
    surveyApp.factory('surveyFactory',function(){ 
return {} 
}); 

這裏是控制器:

surveyApp.controller('profileController', function($scope,surveyFactory) { 
    // create a message to display in our view 
    $scope.message = 'This is the profile page'; 
}); 

surveyApp.controller('surveysController', function($scope,surveyFactory) { 
    // create a message to display in our view 
    $scope.message = 'This is the surveys page'; 
}); 

的配置:

surveyApp.config(function($routeProvider, $locationProvider) { 
$routeProvider 
    .when('/', {  
     templateUrl : 'pages/profile.html', 
     controller : 'profileController' 
    }) 

    .when('/surveys', { 
     templateUrl : 'pages/surveys.html', 
     controller : 'surveysController' 
    }); 
$locationProvider.html5Mode(true); 
}); 

這是HTML :

<body ng-app="surveyApp"> 
    <div id="main"> 
     <div ng-view></div> 
    </div> 
</body> 

我在哪裏錯過?

+0

您是否添加了angular-route.js文件? – 2014-10-06 10:34:01

+0

是的。我已經添加了angular-route.min.js文件,它加載了任何缺少的腳本,並且沒有任何錯誤。 – Shikhar 2014-10-06 10:38:10

回答

39

完成。在大多數情況下,角線路徑和角度路徑的衝突是versions。此後,它主要是墜毀的頁面由於連續循環的請求在

.when('/', {  
    templateUrl : 'pages/profile.html', 
    controller : 'profileController' 
}) 

每當它看到了一個「/」,它重定向到同一頁面一遍,從而形成一個無限重定向循環。這應該在最後使用,以便第一個被檢查,如果還有東西,那麼它會看到'/'路線。

+6

在嘗試使用Angular 1.3之後,我遇到了這個錯誤 - 即使在安裝了bower之後,angular-route 1.3也得到了服務。一個涼亭安裝-f固定的。 – 2014-10-15 09:50:57

+1

謝謝兄弟,我沒有注意到涼亭已經安裝ngRoute 1.3,雖然我的角度版本是1.2.6 – 2014-11-04 17:33:48

+0

WOW ...從1.2.n更新到1.3.11 - 沒有錯誤! :) – Cody 2015-01-27 23:45:12

1

您的代碼唯一的問題是surveyFactory定義後丟失的大括號。

變化的應用程序和工廠定義下面的代碼來解決這個問題:

var surveyApp = angular.module('surveyApp',['ngRoute']); 

    surveyApp.factory('surveyFactory',function(){ 
     return {} 
    }); 
+0

這沒有幫助。我用這個,但仍然是一樣的錯誤。我正在更新我的代碼。請檢查。 – Shikhar 2014-10-06 10:25:31

+1

嗯......(+1)爲了保持代碼清潔。 – Cody 2015-01-27 23:43:55

4

有同樣的問題,對我來說這個問題也是一個依賴,但不是角度路線。導致我錯誤的依賴性是角引導。

我們項目中的當前角度版本是1.28,角度路徑也是1.28。更新角引導從0.12.1到0.13時觸發此錯誤。

+0

好的,這是否意味着錯誤仍然存​​在於Angular-Bootstrap v0.13上? – Shikhar 2015-05-05 12:21:31

+0

我們沒有明確指定我們的bootstrap版本,所以它自動更新到0.13,我不認爲0.13與angular 1.2 *兼容。如果你有更高版本的角度,我認爲這不是問題。這些都是猜測。 – Millenjo 2015-05-06 12:20:44