AngularJS$routeProvider不包括视图(未知提供程序）

angularjs $routeProvider does not include views (unknow provider)

本文关键字：程序 未知 routeProvider 不包括 视图 AngularJS      更新时间：2023-09-26

我很难找出为什么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是定义路由的文件。

相关文章：