用户界面路由器 0.2.11 / AngularJS 1.3.0
我很难理解为什么 BarCtrl 中的 $stateChangeSuccess 事件处理程序没有在 #/foo/bar 上触发。它在#/bar 上触发。
#/foo/bar -> Console: foo
#/bar -> Console: bar
我想要实现的是,在 #/foo/bar 上,首先触发 FooCtrl 的处理程序,然后触发 BarCtrl 的处理程序:
foo
bar
My code:
var app = angular.module('foobar', ['restangular', 'ui.bootstrap', 'ui.router'])
app.config(function($stateProvider, $urlRouterProvider) {
$stateProvider.state('root', {
url: "/",
template: '<div ui-view></div>'
})
.state('foo', {
abstract: true,
url: "/foo",
controller: 'FooCtrl',
})
.state('foo.bar', {
url: "/bar",
controller: 'BarCtrl',
})
.state('bar', {
url: "/bar",
controller: 'BarCtrl',
});
})
app.controller('FooCtrl', function($scope) {
$scope.$on('$stateChangeSuccess', function(event, toState, toParams, fromState, fromParams){
console.log("foo");
});
});
app.controller('BarCtrl', function($scope) {
$scope.$on('$stateChangeSuccess', function(event, toState, toParams, fromState, fromParams){
console.log('bar')
});
});