使用Angular reactive form发送HTTP请求的一个简单例子

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值发生变化时，通过this.formcontrol.valueChanges发送事件，valueChanges类型为EventEmitter，本质是一个Observable，在下图_initObservables方法里初始化：

一旦input字段的值发生变化后，自动触发updateControl:

FormControl的类型：

FormControlDirective的类型：

更多Jerry的原创文章，尽在：“汪子熙”:

使用Angular reactive form发送HTTP请求的一个简单例子相关推荐

angular reactive form
这篇文章讲了angular reactive form, 这里是angular file upload 组件 https://malcoded.com/posts/angular-file-uploa ...
使用HTTP的GET请求做一个简单的天气预报
使用POST请求获取一个简单的天气预报使用到的技术数据库数据库操作 XML转json json或者XML写入数据库 HTTP的GET请求请求代码 /// <summary>/// ...
Angular Reactive Form里的setNgReflectProperty
源代码: import { Component } from '@angular/core'; import { FormControl } from '@angular/forms';@Compon ...
Angular Reactive Form 的一个具体使用例子
在 module 实现里,务必导入下列 module: import { ReactiveFormsModule } from '@angular/forms'; template 实现代码: < ...
java怎么处理ajax请求,java怎么用ajax请求？jquery ajax请求后台的简单例子
jQuery.ajax(url,[settings]) 概述通过 HTTP 请求加载远程数据. jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax ...
Angular应用里使用HTTP服务的一个具体例子
导入HttpClientModule: import { HttpClientModule } from '@angular/common/http'; 然后添加到NgModule的imports区域 ...
10.11 arping：发送arp请求
arping命令是用于发送arp请求到一个相邻主机的工具,arping使用arp数据包检查局域网内所有设备的硬件地址. arping 命令的参数选项及说明 -c <次数> ...
Java发送Http请求，解析html返回
今天是2008年7月7日星期一,下午一直在学校做个人开始页面.因为离不开google的翻译,所以想把google的翻译整合到我的开始页面中来,于是乎就遇到了一个问题,怎样使用java程序发送http请 ...
python发post请求json_python request 以json形式发送post请求的正确的姿势
一个http请求包括三个部分,为别为请求行,请求报头,消息主体,类似以下这样: 请求行,请求报头,消息主题. 以json串提交数据,编码格式: application/json, 必须加上 impor ...

使用Angular reactive form发送HTTP请求的一个简单例子

使用Angular reactive form发送HTTP请求的一个简单例子相关推荐

最新文章

热门文章