【Angular】在Angular中监听某个值的变化

最新推荐文章于 2023-12-22 14:47:37 发布

锋利的绵羊

最新推荐文章于 2023-12-22 14:47:37 发布

阅读量7.9k

点赞数 2

分类专栏： Angular 文章标签： angular

本文链接：https://blog.csdn.net/qq_37012965/article/details/116993216

版权

Angular 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

使用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);
  }
}