Angularjs 路由未捕获错误：[$injector:unpr]

Question

我对路由 angularjs 有疑问。当打开浏览器看到一个页面看不到视图时，在控制台我有这个消息enter image description here

controller.js

angular.module('contactMgr',['ngRoute'])
.controller('AppCtrl',function ($scope,$http){
     // Controller for index.html
}
.config(function($routeProvider){
  $routeProvider.when('/',{
                           controller: 'indexCtrl',
                           templateUrl: 'assets/partials/index.html'
                      })
                .when('/add-contact',{
                           controller: 'addCtrl',
                           templateUrl: 'assets/partials/add.html'
                      });
   })
.controller('indexCtrl',function($scope){
})

.controller('addCtrl',function($scope){
});

index.html（不是 assets/partials/index.html）

<div class="container">
  <ng-view></ng-view>
</div>

我用：

jquery-3.1.1.min.js

angular.min.js v1.2.32

angular-route.min.js

谢谢！

我已经解决了这个问题！

我导入了 min.js，我用 angular.js 和 angular-route.js 更改了 angular.min.js 和 angular-route.min.js 并且工作正常，但我不明白为什么......我读的一个网站是因为是最小文件，但我不明白如何使用最小文件。

Answer 1

你还没有关闭路由配置，

var app = angular.module("contactMgr", ['ngRoute']);
app.config(['$routeProvider', function($routeProvider) {
  $routeProvider.
  when('/', {
    templateUrl: 'main.html',
    controller: 'indexCtrl',
    controllerAs: 'homeCtrl'
  }).
  when('/contact', {
    templateUrl: 'contact.html',
    controller: 'addCtrl',
    controllerAs: ''
  })

  .otherwise({
    redirectTo: '/'
  });

}])
app.controller('indexCtrl', function($scope) {

});
app.controller('addCtrl', function($scope) {

});

DEMO