从Angular form组中获取值

<form #myForm="ngForm">
  <input type="text" name="name" ngModel>
  <button type="submit">提交</button>
</form>

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  @ViewChild('myForm') myForm: NgForm;

  onSubmit() {
    console.log(this.myForm.value);
  }
}

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit {
  @ViewChild('myForm') myForm: NgForm;

  ngOnInit() {
    this.myForm.valueChanges.subscribe(value => {
      console.log(value);
    });
  }
}