AngularJS / ui-router-在视图的父组件中执行回调

时间:2018-12-05 15:12:16

标签: angularjs angular-ui-router

我有三种状态:

.state({
  name: 'list',
  url: '/list',
  component: 'list'
})
.state({
  name: 'list.overlay',
  abstract: true,
  data: {
    cancelState: 'list'
  },
  views: {
    'overlay@contact': {
      component: 'overlayContent'
    }
  }
})
.state({
  name: 'list.overlay.filters',
  url: '',
  data: {
    title: 'Contact list'
  },
  component: 'filters',
})

第一个状态是list组件,在这里我必须调用filters组件,它是overlayContent的ui视图

openFilters() {
  this.$state.go('.overlay.filters')
}

我想要的是,由于filters组件,我运行了一个在列表组件中执行的回调:

onClickButtonInFiltersComponent() {
  this.filtersExecCallback()
}

当然具有回调绑定:

bindings: {
  filtersExecCallback: '&'
}

我必须在this.filtersExecCallback()组件中执行list的解决方案是什么,最好没有overlayContent过去的过去?

0 个答案:

没有答案