Angular 2 : data binding with routing children

标签 angular angular2-routing angular2-template

我有一个简单的设置。我使用的路由组件具有多个子组件,这些子组件根据路由动态加载。我希望其中一些子组件能够与其路由父组件进行数据绑定(bind)。

我将向子级添加 @Output() 属性,但如何使路由父级监听此事件发射器发出的事件?

通常在具有静态定义组件的模板中,我会执行如下操作:

<child (myevent)="handleEvent($event)">

父级的handleEvent方法将处理该事件。

但是由于路由动态插入组件,这是不可能的。 有办法让它发挥作用吗?我知道我可以使用服务来实现相同的结果,但在这种情况下我想避免这种情况。

谢谢

最佳答案

目前不支持此功能。您可以使用共享服务与动态插入的子项共享数据。该服务可以使用 Observable 来允许子级或父级订阅更改并主动获得通知。

关于 Angular 2 : data binding with routing children,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36158891/

相关文章:

Angular2 如何获取动态生成的 HTML 元素的引用

angular - Angular2 中的反射器类是什么?

Angular HttpClient 发布两个文件(Multipart/form-data)

javascript - 当我在子组件中时,如何调用在父组件中创建/位于的方法

Angular2 RC5 提前编译器不生成工厂 .js 文件?

Angular 2检查url中是否存在查询参数

Angular 2 路由 - ModuleWithProviders v NgModule

angular - 在 NgFor 循环中访问元素

javascript - Angular 2 rc1 中的路由参数

javascript - 如何在 Angular 2 的同一组件中使用多个 ng-content?