为什么没有加载子控制器
Why isn't the child controller being loaded
我正在尝试创建一个父子控制器结构,其中包含父控制器中所有子控制器所需的通用功能。当我尝试从一个不相关的状态更改为其中一个子状态时,只有父控制器是 运行.
我试过弄乱抽象控制器,所有不同形式的声明子项和父项(使用点符号,使用 parent = 'parentControllerName'),但似乎没有任何效果。
代码中某处的随机控制器
changeToLoginEmail() => {
$state.go('login.email');
}
当我调用 changeToLoginEmail 时,它会通过我的 routes.js
进行路由
angular.module('myModule')
.config(['$stateProvider', function ($stateProvider) {
$stateProvider
.state('login', { // Parent Controller
abstract: true,
url: '/login',
views: {
"master": {
controller: 'loginController'
}
}
})
.state('login.email', { // One of the children
url: '/login/email',
views: {
"email": {
controller: 'loginEmailController',
templateUrl: '/components/loginEmail/loginEmailView.html'
}
}
})
}
]);
这是两个控制器:
登录控制器:
(() => {
'use strict';
angular
.module('myModule')
.controller('loginController', loginController);
function loginController($scope, $state) {
console.log("state", $state);
console.log("scope", $scope);
}
loginController.$inject = ['$scope', '$state'];
})()
登录电子邮件控制器:
(() => {
'use strict';
angular
.module('myModule')
.controller('loginEmailController', loginEmailController);
function loginEmailController($scope, $state) {
console.log("I was loaded woopie");
}
loginEmailController.$inject = ['$scope', '$state'];
})()
我希望先加载父控制器,然后再加载子控制器。但是,只有前两个 console.logs 打印在控制台中,而 loginEmailController 的 console.log 永远不会 运行。结果是没有加载视图。
有人知道为什么吗?
使用状态的默认视图集。
...
views: {
'': {
controller: 'loginController'
}
}
...
...
views: {
'': {
controller: 'loginEmailController',
templateUrl: '/components/loginEmail/loginEmailView.html'
}
}
...
我正在尝试创建一个父子控制器结构,其中包含父控制器中所有子控制器所需的通用功能。当我尝试从一个不相关的状态更改为其中一个子状态时,只有父控制器是 运行.
我试过弄乱抽象控制器,所有不同形式的声明子项和父项(使用点符号,使用 parent = 'parentControllerName'),但似乎没有任何效果。
代码中某处的随机控制器
changeToLoginEmail() => {
$state.go('login.email');
}
当我调用 changeToLoginEmail 时,它会通过我的 routes.js
进行路由angular.module('myModule')
.config(['$stateProvider', function ($stateProvider) {
$stateProvider
.state('login', { // Parent Controller
abstract: true,
url: '/login',
views: {
"master": {
controller: 'loginController'
}
}
})
.state('login.email', { // One of the children
url: '/login/email',
views: {
"email": {
controller: 'loginEmailController',
templateUrl: '/components/loginEmail/loginEmailView.html'
}
}
})
}
]);
这是两个控制器:
登录控制器:
(() => {
'use strict';
angular
.module('myModule')
.controller('loginController', loginController);
function loginController($scope, $state) {
console.log("state", $state);
console.log("scope", $scope);
}
loginController.$inject = ['$scope', '$state'];
})()
登录电子邮件控制器:
(() => {
'use strict';
angular
.module('myModule')
.controller('loginEmailController', loginEmailController);
function loginEmailController($scope, $state) {
console.log("I was loaded woopie");
}
loginEmailController.$inject = ['$scope', '$state'];
})()
我希望先加载父控制器,然后再加载子控制器。但是,只有前两个 console.logs 打印在控制台中,而 loginEmailController 的 console.log 永远不会 运行。结果是没有加载视图。
有人知道为什么吗?
使用状态的默认视图集。
...
views: {
'': {
controller: 'loginController'
}
}
...
...
views: {
'': {
controller: 'loginEmailController',
templateUrl: '/components/loginEmail/loginEmailView.html'
}
}
...