Angular部分路线无法使用ng-view

Question

我的模板页面可以正常显示，但是我的合并范围文本和我的局部文件不会显示。 我创建了一个链接来单击状态 ...，但是它没有在模板的ng-view中呈现任何内容。 试图弄清楚应该简单的东西的工作真是令人费解……似乎很复杂，但我知道我缺少一些东西。

var app= angular.module('myApp', ['ngRoute','flightforms']);

app.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/login', {
  templateUrl: 'partials/login.html', 
  controller: 'loginCtrl'
});

$routeProvider.when('/home', {
  templateUrl: 'partials/default.html', 
  controller: 'homeCtrl'
});

$routeProvider.when('/home/:users', {
  templateUrl: 'partials/subpgs/users.html', 
  controller: 'userCtrl'
});

$routeProvider.when('/home/:status', {
  templateUrl: 'partials/subpgs/status.html', 
  controller: 'statusCtrl'
});

$routeProvider.when('/ao-obsvao', {
  templateUrl: 'partials/subpgs/aobsrv.html', 
  controller: 'obsvaoCtrl'
});

$routeProvider.when('home/:obs-bkoff', {
  templateUrl: 'partials/subpgs/obsbkoff.html', 
  controller: 'obsbkoffCtrl'
});

$routeProvider.when('/home/:fieldmgr', {
  templateUrl: 'partials/subpgs/fieldopmgr.html', 
  controller: 'fieldmgrCtrl'
});

$routeProvider.when('/home/:dispatch', {
  templateUrl: 'partials/subpgs/disp.html', 
  controller: 'dispatchCtrl'
});

我的控制器：

var flightforms = angular.module('flightforms', []);

app.controller('homeCtrl', ['$scope','loginService','$http','flightforms',
function($scope,loginService,$http,flightforms){
$scope.txt='Logged in...';
$scope.logout=function(){
    loginService.logout();
}
}]);

app.controller('dispatchCtrl', ['$scope','$routeParams', function($scope,$routeParams){
$scope.txt='You are logged in';
$scope.logout=function(){
    loginService.logout();
}
}]);

flightforms.controller('fieldmgrCtrl', ['$scope','$routeParams', function($scope,$routeParams){
$scope.txt='You are logged in';
$scope.logout=function(){
    loginService.logout();
}
}]);

flightforms.controller('obsbkoffCtrl', ['$scope','$routeParams', function($scope,$routeParams){
$scope.txt='You are logged in';
$scope.logout=function(){
    loginService.logout();
}
}]);

我的default.tpl.html页面中具有ng视图，这似乎是可信的，但是当我单击链接时不显示任何内容。 相反，我找不到401页。

default.tpl.html

<section class="main-section">
<div>
<p>{{txt}}</p>
    <div ng-view>Loading...</div>
</div>
</section>

我只是注意到这个错误/警告：

“错误：[$ injector：unpr]未知提供者：flightformsProvider <-flightforms

Answer 1

flightform模块的第一个控制器正在尝试注入不存在的服务flightform 。

app.controller('homeCtrl', ['$scope','loginService','$http','flightforms',
function($scope,loginService,$http,flightforms){
$scope.txt='Logged in...';
$scope.logout=function(){
    loginService.logout();
}
}]);

我建议您删除该注入的服务或创建它。

Answer 2

现在将我的配置切换到ui-route，一切正常。