angularjs - 使用 Angular 和 UI-Router 更改父变量

Question

我有国家品牌。在这个状态的模板上，我有一些面包屑。例如，当我进入 嵌套状态 brand.collections 时，我需要更新 brand 状态下的面包屑。

我怎样才能做到这一点？

.state('brand', {
    url: '/brands/:brandId/:brandName',
    templateUrl: 'js/modules/brands/partials/brand.html',
    controller: 'BrandController',
})

.state('brand.home', {
    url: '/home',
    templateUrl: 'js/modules/brands/partials/brand.home.html',
    controller: 'BrandController'
})

.state('brand.collections', {
    url: '/collections',
    template: 'Some collections',
    controller: 'CollectionsController'
})

Answer 1

在集合 Controller 中

$scope.$emit('changeParentVar',<newVal>);

在 BrandController 内部

$scope.$on('changeParentVar',function(event,newVal){
event.stopPropagation();
variable = newVal;
});

引用 http://docs.angularjs.org/api/ng .$rootScope.Scope#methods_$on