Angular Parent to Child

作者: 無口君
发布时间: 2024-12-31 07:58:16 (7天前)
转自：

4 条回复

0#
回复此人
雨儿 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我想你可以使用EventEmitter <a href="https://angular.io/api/core/EventEmitter" rel="nofollow noreferrer"> 1 </A> 。在组件中，您可以在加载时发出任何消息。在另一个组件中，您可以订阅eventemitter。 </p> </DIV>

编辑
1#
回复此人
永远的记忆 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 你可以用 <code> @ViewChildren </code> 这是非常相似的，但也适用于之前尚未出现的元素 <code> AfterViewInit </code> 生命周期钩。而且它将你的元素包裹在一个 <a href="https://angular.io/api/core/QueryList" rel="nofollow noreferrer"> QueryList </A> 。 </p> <P> <code> QueryList </code> 确实有 <code> changes </code> 属性，这是一个可以订阅的可观察对象。实现可能看起来像这样： </p> <pre> <code> export class SomeComponent implements AfterViewInit { @ViewChildren(ChildComponent) children: QueryList<ChildComponent>; ngAfterViewInit(): void { this.children.changes.subscribe(children => { children.forEach( (child: ChildComponent) => { child.somePublicMethod(); }); }); } } </code> </pre> </DIV>

编辑
2#
回复此人
记忆短浅♡思念不变 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我使用@input（）将父值传递给child并使用 </p> <pre> <code> ngOnChanges (changes: SimpleChanges) { for (let propName in changes) { let change = changes[propName]; console.log(change); } </code> </pre> <P> } </p> <P> 其中ngOnChanges订阅更改并存储当前值和先前值 </p> </DIV>

编辑

登录后才能参与评论