Javascript 使用ng视图时角度部分管线不工作
我的模板页面呈现良好,但我的范围文本和我的分区不显示。我创建了一个链接来点击。。。但它不会在我的模板中的ng视图中呈现任何内容。我一直在努力找出一些简单的事情。。。看起来很复杂,但我知道我遗漏了什么Javascript 使用ng视图时角度部分管线不工作,javascript,html,angularjs,Javascript,Html,Angularjs,我的模板页面呈现良好,但我的范围文本和我的分区不显示。我创建了一个链接来点击。。。但它不会在我的模板中的ng视图中呈现任何内容。我一直在努力找出一些简单的事情。。。看起来很复杂,但我知道我遗漏了什么 var app= angular.module('myApp', ['ngRoute','flightforms']); app.config(['$routeProvider', function($routeProvider) { $routeProvider.when('/login', {
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>
{{txt}
加载。。。
我刚刚注意到这个错误/警告:
错误:[$injector:unpr]未知提供程序:flightformsProvider您的
flightform
模块的第一个控制器正在尝试注入不存在的服务flightform
app.controller('homeCtrl', ['$scope','loginService','$http','flightforms',
function($scope,loginService,$http,flightforms){
$scope.txt='Logged in...';
$scope.logout=function(){
loginService.logout();
}
}]);
我建议您删除或创建该注入服务。将我的配置切换到ui路由现在一切正常