为什么这个组件在这个简单的砰砰声中
@Component({
selector: 'my-app',
template: `<div>I'm {{message}} </div>`,
})
export class App {
message:string = 'loading :(';
ngAfterViewInit() {
this.updateMessage();
}
updateMessage(){
this.message = 'all done loading :)'
}
}
扔:
例外:表达式'I'm {{message}} in App@0:5'在被检查后发生了变化。之前的值:'I'm loading:('。当前值:'I'm all done loading:)' in [I'm {{message}} in App@0:5]
当我所做的一切都是更新一个简单的绑定时，我的视图被启动?
当前回答
你不能用ngOnInit因为你只是改变了成员变量消息?
如果你想访问子组件@ViewChild(ChildComponent)的引用，你确实需要用ngAfterViewInit来等待它。
一个肮脏的修复方法是在下一个事件循环中调用updateMessage()，例如setTimeout。
ngAfterViewInit() {
setTimeout(() => {
this.updateMessage();
}, 1);
}
其他回答
你也可以使用rxjs Observable创建一个计时器。定时器功能，然后更新消息在您的订阅:
Observable.timer(1).subscribe(()=> this.updateMessage());
你不能用ngOnInit因为你只是改变了成员变量消息?
如果你想访问子组件@ViewChild(ChildComponent)的引用，你确实需要用ngAfterViewInit来等待它。
一个肮脏的修复方法是在下一个事件循环中调用updateMessage()，例如setTimeout。
ngAfterViewInit() {
setTimeout(() => {
this.updateMessage();
}, 1);
}
ngAfterViewChecked()为我工作:
import { Component, ChangeDetectorRef } from '@angular/core'; //import ChangeDetectorRef
constructor(private cdr: ChangeDetectorRef) { }
ngAfterViewChecked(){
//your code to update the model
this.cdr.detectChanges();
}
我有同样的错误，我可以通过使用AfterViewInit和ChangeDetectionStrategy来解决它。OnPush
这是一篇详细的文章。 https://medium.com/@bencabanes/angular-change-detection-strategy-an-introduction-819aaa7204e7
在使用数据表时，我得到了类似的错误。当你在另一个*ngFor数据表中使用*ngFor时，会在它拦截角度变化周期时抛出这个错误。因此，不要在数据表内部使用数据表，而是使用一个常规的表或替换mf。带有数组名的数据。这很好。
