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，一切正常。