在Angular 2+中,可观察对象不会自动刷新视图。但是,你可以使用ChangeDetectorRef
来手动刷新视图。
下面是一个示例,演示如何使用ChangeDetectorRef
手动刷新视图:
ChangeDetectorRef
:import { Component, OnInit, ChangeDetectorRef } from '@angular/core';
ChangeDetectorRef
:constructor(private cdr: ChangeDetectorRef) { }
detectChanges()
方法来手动刷新视图:refreshView() {
this.cdr.detectChanges();
}
async
管道来订阅可观察对象:{{ observableValue | async }}
refreshView()
方法来刷新视图:this.observableValue.subscribe(() => {
this.refreshView();
});
这样,当可观察对象的值发生变化时,视图将被刷新并显示新的值。
希望这个示例能帮助你解决问题!