AnagularJS组件 - UI-roter - 父子通信

Question

我在使用ui-router设置AngularJS组件之间的通信时遇到问题。

这是一个UI路由器配置示例：

$stateProvider.state('parent', {
    abstract: true,
    template: '<parent-component></parent-component>'
})
.state('parent.child', {
    url: "/child-a/",
    template: '<child-component></child-component>'
})

我需要解决的是将一些变量从父组件传递给子组件......

在简单的模板中，很容易做出父子通信

   <div>
        <child-component some-variable="$ctrl.variable"></child-component>
   <div>

但是什么是使用UI路由器进行通信的解决方案？

由于

Answer 1

使用ui-router，您可以使用州定义的resolve或data属性在父级和子级之间传递数据：https://github.com/angular-ui/ui-router/wiki/Nested-States-and-Nested-Views#what-do-child-states-inherit-from-parent-states

您还可以创建一个注入两种状态的服务，这些状态将存储共享信息。