我很难找出为什么ngRouts不包括我设置的视图。
当我查看javascript控制台时,我确实收到以下错误。
错误:未知提供程序。
我查了一下,来到了关于不使用角度路由.js文件的帖子。但是我正在使用这个文件,所以这是怎么回事?
无法实例化模块 [$injector:unpr] 未知提供程序:$routeProvider
.HTML
<div data-ng-app="klantenModule">
<!--placeholder for the views -->
<div data-ng-view=""></div>
</div>
<script src="scrips/angular.js"></script>
<script src="scrips/script.js"></script>
<script src="scrips/angular-route.js"></script>
.JS
var klantenModule = angular.module('klantenModule', ['ngRoute']);
klantenModule.config(['$routeProvider', function ($routeProvider) {
$routeProvider.when('/',
{ controller: 'klantenController',
templateUrl: 'partials/view1.html'})
$routeProvider.when('/view2',
{ controller: 'klantenController',
templateUrl: 'partials/view2.html'})
$routeProvider.otherwise( { redirectTo: '/'})
}])
klantenModule.controller( 'klantenController', klantenController)
function klantenController($scope) {
$scope.klantenLijst =
[
{ naam:'liselore', woonplaats: 'blankenberge' },
{ naam:'harold', woonplaats:'brugge'},
{ naam:'kevin', woonplaats:'brugge'}
]
$scope.klantenToevoegen = function(){
$scope.klantenLijst.push({ woonplaats: $scope.klanten.woonplaats, naam: $scope.klanten.naam})
}
}
我认为您的脚本声明顺序不正确。试试这个
<script src="scrips/angular.js"></script>
<script src="scrips/angular-route.js"></script>
<script src="scrips/script.js"></script>
假设脚本.js是定义路由的文件。