form源代碼：

import { Component, OnInit } from '@angular/core'; import { FormControl } from '@angular/forms';@Component({selector: 'jerryform',template: `Favorite Color: <input type="text" [formControl]="favoriteColorControl">` }) export class ReactFormComponent implements OnInit {ngOnInit(): void {this.favoriteColorControl.valueChanges.subscribe((value) =>{console.log('new value: ' + value);})}favoriteColorControl = new FormControl(''); }

每當form內input field值發(fā)生變化時，通過this.formcontrol.valueChanges發(fā)送事件，valueChanges類型為EventEmitter，本質是一個Observable，在下圖_initObservables方法里初始化：

一旦input字段的值發(fā)生變化后，自動觸發(fā)updateControl:

FormControl的類型：

FormControlDirective的類型：

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的使用Angular reactive form发送HTTP请求的一个简单例子的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。