从NgForm检索NgModel

是指在Angular中使用表单时，通过NgForm对象来获取与表单相关的NgModel对象。

NgForm是Angular中的一个指令，用于管理表单的状态和验证。它可以通过表单元素的模板引用变量来获取，例如：

<form #myForm="ngForm">
  <!-- 表单元素 -->
</form>

在上面的示例中，myForm是表单的模板引用变量，通过它可以获取到NgForm对象。

NgModel是Angular中的一个指令，用于将表单元素与组件中的属性进行双向绑定。它可以通过表单元素的ngModel指令来使用，例如：

<input type="text" name="username" [(ngModel)]="user.username">

在上面的示例中，ngModel指令将输入框的值与组件中的user.username属性进行了双向绑定。

当需要从NgForm对象中检索NgModel对象时，可以使用controls属性来获取表单元素的控件对象，然后通过控件对象的valueAccessor属性获取到NgModel对象。例如：

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

@Component({
  selector: 'app-my-form',
  template: `
    <form #myForm="ngForm">
      <input type="text" name="username" [(ngModel)]="user.username">
    </form>
  `
})
export class MyFormComponent {
  @ViewChild('myForm') form: NgForm;
  user = { username: '' };

  ngAfterViewInit() {
    const ngModel = this.form.controls['username'].valueAccessor;
    console.log(ngModel); // 输出NgModel对象
  }
}

在上面的示例中，通过ViewChild装饰器获取到了表单的NgForm对象，并在ngAfterViewInit生命周期钩子中通过controls属性获取到了username表单元素的控件对象，然后通过控件对象的valueAccessor属性获取到了NgModel对象。

NgForm和NgModel在Angular中广泛应用于表单的处理和验证。它们可以帮助开发者简化表单的操作，并提供了丰富的验证功能。在使用Angular开发云计算相关的应用时，可以通过NgForm检索NgModel来处理表单数据和验证。