Angular父级子级-将数据传递给子级组件

问题描述 投票:0回答:2

我们的角度应用程序基本上是一个带有上一步和后退按钮的小型工作流程。

我们创建了一个组件(用于Back和Previous),并以所有反应形式使用它们。父组件/表单接受用户的输入数据(显示表格),并且需要在提交表单之前对其进行验证。如果表中没有单个条目,则用户也无法导航。

问题是子组件如何知道该表单是否有效?

方法:在初始化组件时,如果有行将其设置为true,则变量isvalid = false。现在,如果用户删除所有行,则再次将其设置为false。是否有比上述方法更好的方法,因为对于所有事件,都必须以该形式管理变量?

angular communication
2个回答
0
投票

forms具有一个称为“ statusChanged”的属性,它返回一个可观察值。使用“ statusChanged”属性为表单创建事件发射器,并将其订阅到必需的组件中以检查表单的有效性statusChanged


0
投票

Angular中的反应形式带有属性invalid,如果形式无效,则返回true,如果有效则返回false。

您可以将此属性传递给子级,并根据需要在子级组件中使用它。这样,您就没有管理变量的开销,因为该属性将根据表单验证自动设置。

<app-child-component [isParentInvalid]="ParentForm.invalid">

app-child-component必须具有属性的地方:

 @Input() isParentInvalid: boolean;
© www.soinside.com 2019 - 2024. All rights reserved.