Angular从父组件获取所有子组件的状态

作者: 岁爵
发布时间: 2024-04-19 01:02:03 (6天前)
转自：

4 条回复

0#
回复此人
誓言 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 你可能想用 <a href="https://angular.io/api/core/ViewChildren" rel="nofollow noreferrer"> @ViewChildren </A> </p> <P> 在您的父组件中： </p> <pre> <code> @ViewChildren(ChildComponent) children: QueryList<ChildComponent>; areChildrenValid(): boolean { const invalid = this.children.some(c => !c.IsValid()); return !invalid; } </code> </pre> <P> 注意 <code> children </code> 将在之后定义 <code> AfterViewInit </code> 钩。 </p> </DIV>

编辑
1#
回复此人
仙风道骨刘憨憨 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> <code> @angular/core </code> 提供 <code> ViewChildren </code> 和 <code> QueryList </code> ，这可能对你有帮助。 </p> <pre> <code> <child #varName></child> import { ViewChildren, QueryList } from '@angular/core'; @ViewChildren("varName") customComponentChildren: QueryList<YourComponent>; this.customComponentChildren.forEach((child) => { let retult = child.IsValid(); }) </code> </pre> </DIV>

编辑
2#
回复此人
無口君 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您可以使用组件选择器： </p> <pre> <code> @ViewChildren(ChildComponent) childrenList: QueryList<ChildComponent>; </code> </pre> <P> 并通过它循环并确定有效性。 </p> </DIV>

编辑

登录后才能参与评论