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

角route.min.js

谢谢！

我已经解决了问题！

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

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

Angularjs Route Uncaught错误：[$ injector：unpr]

1 个答案: