在Angular 6中,表达式在检查后发生了变化。这意味着表达式的值可能会在每个变更检测周期中发生变化。如果你想要在模板中使用这些表达式的值,你需要使用Observable来包装它们,并在模板中使用AsyncPipe来订阅和更新这些值。
下面是一个示例代码,演示了如何在Angular 6中解决这个问题:
1.在组件中引入Observable和相关的操作符
import { Observable } from 'rxjs/Observable';
import { map } from 'rxjs/operators';
2.在组件类中创建一个Observable,并使用相关的操作符来更新表达式的值
export class MyComponent {
myValue$: Observable;
constructor() {
this.myValue$ = Observable.interval(1000).pipe(
map(() => Math.random() * 100)
);
}
}
3.在模板中使用AsyncPipe来订阅和更新表达式的值
{{ myValue$ | async }}
在上面的示例中,myValue$
是一个Observable,它每秒发出一个新的随机数。在模板中,使用AsyncPipe将Observable订阅并显示其最新的值。
这样,即使表达式的值在检查后发生了变化,模板也会自动更新以显示最新的值。
请注意,要使用Observable和相关的操作符,你需要先安装rxjs库,并在代码中引入它们。