angularjs $routeProvider 不包括视图（未知提供者）

Posted 2023-02-22

【中文标题】angularjs $routeProvider 不包括视图（未知提供者）

【英文标题】：angularjs $routeProvider does not include views (unknow provider)

【发布时间】：2013-09-16 14:25:25

【问题描述】：

我很难找出为什么 ngRouts 不包含我设置的视图。

当我查看 javascript 控制台时，我确实收到以下错误。

错误：未知的提供者。

我查了一下，发现有关不使用 angular-route.js 文件的帖子。但是我正在使用这个文件，所以这里发生了什么？

Failed to instantiate module [$injector:unpr] Unknown provider: $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)
  

【参考方案1】：

我认为您声明脚本的顺序不正确。试试这个

<script src="scrips/angular.js"></script>
<script src="scrips/angular-route.js"></script>
<script src="scrips/script.js"></script>

假设 script.js 是定义路由的文件。