我对 Angular 相当陌生,主要使用 VueJS。我想知道如何检测变量何时更新。我正在通过 DataService 更新我的变量。我读到ngOnChanges()
但我发现这只适用于输入。
这几乎是我的代码:
import { DataService } from "../../service/my.service";
export class MainPage {
myVar: String = ""; // this is the variable I want to listen when a change is made
constructor (
private data: DataService
) {}
ngOnInit() {
this.data.changeVar.subscribe(message => this.myVar = message);
}
}
我的服务
import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs/BehaviorSubject';
@Injectable()
export class DataService {
private messageSource = new BehaviorSubject<string>("");
changeVar = this.messageSource.asObservable();
constructor() { }
changeMyVar (message: string) {
this.messageSource.next(message)
}
}
这是我更新变量的地方。
import { DataService } from "../../service/my.service";
export class AnotherPage {
anotherVar: String = '';
constructor(
private data: DataService
) { }
ngOnInit() {
this.data.changeVar.subscribe(message => this.anotherVar = message)
}
myFunction () {
this.data.changeMyVar("Hello"); // update variable to "Hello"
}
}
任何帮助是极大的赞赏! :)
If myVar
仅在定义的 Observable 回调中更改ngOnInit
,您可以在更改变量后调用方法:
export class MainPage {
myVar: string = "";
ngOnInit() {
this.data.changeVar.subscribe(message => {
if (message !== this.myVar) {
this.myVar = message;
this.doSomething();
}
});
}
private doSomething() {
...
}
}
另一方面,如果myVar
可以在其他地方更改(因为它是公共的),您可以在 getter/setter 中访问它,并调用 setter 中的方法:
export class MainPage {
private _myVar: string = "";
get myVar(): string {
return this._myVar;
}
set myVar(value: string) {
if (value !== this._myVar) {
this._myVar = value;
this.doSomething();
}
}
ngOnInit() {
this.data.changeVar.subscribe(message => this.myVar = message);
}
private doSomething() {
...
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)