从父组件获取子级窗体。$invalid

从父组件获取子级窗体是指在前端开发中，通过父组件与子组件之间的通信，获取子级窗体的状态或数据。

在Angular框架中，可以通过使用@ViewChild装饰器来获取子级窗体。@ViewChild装饰器允许我们在父组件中访问子组件的属性、方法或状态。

对于表单验证中的$invalid属性，它是Angular中的一个表单控件属性，用于判断表单控件的验证状态是否为无效。当表单控件的值不符合验证规则时，$invalid属性的值为true，否则为false。

以下是一个示例代码，演示如何从父组件获取子级窗体的$invalid属性：

在子组件中，定义一个表单控件，并设置验证规则：

import { Component } from '@angular/core';
import { NgForm } from '@angular/forms';

@Component({
  selector: 'app-child',
  template: `
    <form #myForm="ngForm">
      <input type="text" name="name" ngModel required>
    </form>
  `
})
export class ChildComponent {
  // ...
}

在父组件中，使用@ViewChild装饰器获取子级窗体，并访问子级窗体的$invalid属性：

import { Component, ViewChild } from '@angular/core';
import { ChildComponent } from './child.component';

@Component({
  selector: 'app-parent',
  template: `
    <app-child></app-child>
    <button (click)="checkFormValidity()">Check Form Validity</button>
  `
})
export class ParentComponent {
  @ViewChild(ChildComponent) childComponent: ChildComponent;

  checkFormValidity() {
    console.log(this.childComponent.myForm.form.invalid);
  }
}

在上述代码中，通过@ViewChild装饰器将子组件ChildComponent赋值给父组件ParentComponent的childComponent属性。然后，在父组件中的checkFormValidity方法中，可以通过访问childComponent的myForm属性来获取子级窗体的表单控件，并使用$invalid属性来判断表单的验证状态。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm