我要评论angular监听某个值的变化
使用getter
在 angular 中可以用 getter 来监听某个值的变化，类似于 vue 中的 watch
import { component } from '@angular/core';
@component({
selector: 'app-root',
templateurl: './app.component.html',
styleurls: ['./app.component.css']
})
export class appcomponent {
_inputval;
set inputval(val) {
this._inputval = val;
this.inputchange();
};
get inputval() {
return this._inputval;
}
inputchange(val) {
console.log(val);
}
}
angular使用form表单监听数据
主要使用方法类 formgroup，formbuilder，validators
引入主要使用方法类 formgroup，formbuilder，validators
import {
validators,
formgroup,
formbuilder
} from '@angular/forms';
赋值引入
validateform: formgroup;
constructor(private fb: formbuilder,private ref: changedetectorref,private private) {}创建表单+监听数据
data = {
name: [null, [validators.required]], //validators.required 表示验证（必填）
};
ngoninit(): void {
this.validateform = this.fb.group(this.data);
// 监听整个表单的变化
this.validateform.valuechanges.subscribe(data => console.log('form', data));
// 单个control 变化
this.validateform.get('name').valuechanges.subscribe(data => console.log('solo', data));
}总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持代码网。
发表评论