具有可观测性的角形
具有可观测性的角形
提问于 2017-06-21 06:03:47
我得到了错误:我的脚本上的事件目标无效，我以前用@ViewChild做过，没有任何问题，但当我尝试使用FormGroup时，我得到了错误！
import { Component , OnInit } from '@angular/core';
import {FormGroup,FormBuilder} from '@angular/forms';
import {Observable} from 'rxjs/Rx';
@Component({
selector: 'app-root',
template: `<h1>Hello World!</h1>
<form [formGroup]="frm1">
<input type="text" formControlName="name" >
<input type="text" formControlName="family" #family>
</form>
`,
})
export class AppComponent implements OnInit{
frm1 : FormGroup;
constructor( fb:FormBuilder){
this.frm1 = fb.group({
name : [],
family: []
});
}
ngOnInit(){
var keyup = Observable.fromEvent(this.frm1.get('family').value , "keyup")
.map((data:string) => data.replace(' ','-'))
.debounceTime(400);
keyup.subscribe(x => console.log(x));
}
}回答 1
Stack Overflow用户
回答已采纳
发布于 2017-06-21 06:08:10
Observable.fromEvent的第一个参数需要是HTMLElement (对象)，而不是它的值(字符串)。
但是你真的不需要手动创建observable，因为FormControl已经为你提供了valueChanges，也就是EventEmmitter。所以你只需要这样做：
ngOnInit() {
var keyup = this.frm1.get('family').valueChanges
.map((data:string) => data.replace(' ','-'))
.debounceTime(400);
keyup.subscribe(x => console.log(x));
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44667964
复制相关文章
点击加载更多
相似问题
如何关闭与okhttp的HTTP连接？
HTTP:发送请求后关闭socket进行写入？
C++ -在连接关闭后发送HTTP /GET
OkHttp在请求超时时未关闭连接
代理后的单http请求
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
