欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

在Angular中如何監(jiān)聽(tīng)某個(gè)值的變化

 更新時(shí)間：2023年03月04日 13:42:32   投稿：jingxian  
這篇文章主要介紹了在Angular中如何監(jiān)聽(tīng)某個(gè)值的變化問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

Angular監(jiān)聽(tīng)某個(gè)值的變化

使用getter

在 Angular 中可以用 getter 來(lái)監(jiān)聽(tīng)某個(gè)值的變化，類(lèi)似于 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表單監(jiān)聽(tīng)數(shù)據(jù)

主要使用方法類(lèi) FormGroup，F(xiàn)ormBuilder，Validators

引入主要使用方法類(lèi) FormGroup，F(xiàn)ormBuilder，Validators

import {
?Validators,
?FormGroup,
?FormBuilder
} from '@angular/forms';

賦值引入

?? ?validateForm: FormGroup;
?? ?constructor(private fb: FormBuilder,private ref: ChangeDetectorRef,private private) {}

創(chuàng)建表單+監(jiān)聽(tīng)數(shù)據(jù)

? data = {
? ?? ?name: [null, [Validators.required]], //Validators.required 表示驗(yàn)證（必填）
? };
? ngOnInit(): void {
?? ?this.validateForm = this.fb.group(this.data);
?? ?// 監(jiān)聽(tīng)整個(gè)表單的變化
? ? this.validateForm.valueChanges.subscribe(data => console.log('form', data));
?? ?// 單個(gè)control 變化
? ? this.validateForm.get('name').valueChanges.subscribe(data => console.log('solo', data));
? }

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論