为什么这个组件在这个简单的砰砰声中
@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]
当我所做的一切都是更新一个简单的绑定时，我的视图被启动?
当前回答
简单:首先在你的组件结构中分离/移除变更检测，然后在ngAfterViewInit()方法中启用detectChanges()
constructor(private cdr: ChangeDetectorRef) {
this.cdr.detach() // detach/remove the change detection here in constructor
}
ngAfterViewInit(): void {
// do load objects or other logics here
// at the end of this method, call detectChanges() method.
this.cdr.detectChanges(); // enable detectChanges here and you're done.
}
其他回答
你也可以把你对updateMessage()的调用放在ngOnInt()-方法中，至少它对我有用
ngOnInit() {
this.updateMessage();
}
在RC1中，这不会触发异常
你也可以使用rxjs Observable创建一个计时器。定时器功能，然后更新消息在您的订阅:
Observable.timer(1).subscribe(()=> this.updateMessage());
你也可以试着把this.updateMessage();在ngOnInit下，像这样:
ngOnInit(): void {
this.updateMessage();
}
我从AfterViewInit切换到AfterContentChecked，它为我工作。
流程如下
在构造函数中添加依赖项: 构造函数(私有cdr: ChangeDetectorRef) {} 在实现方法代码中调用你的登录: ngAfterContentChecked () { this.cdr.detectChanges (); //调用或添加您的代码 ｝
只需将代码移动到要更改共享服务主题的组件的构造函数中
