angular2报错 Expression has changed after it was checked

ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: ''. Current value: '[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]'.

大概的意思是在内容改变的时候视图已经渲染了,大白话就是你的前端页面已经有了, 可是数据没有,然而在页面中你又引入了这个没有的数据,的对象(或者数组之类的).

看看我是如何解决的:

代码语言：javascript复制

ngOnInit() {
      setTimeout(()=>{this.showTableBoolean=true},0)
    }

代码语言：javascript复制

<div class="member_table" *ngIf="showTableBoolean">
        <app-table-ability [comeFromParentTheads]="produceThead" [comeFromPaginLists]="produces"></app-table-ability>
      </div>

首页我给要渲染的div隐藏,即把showTableBoolean 为false,然后在该ts文件中生命周期函数中设置了一个setTImeout函数,然后就不会报错了.

原理其实就是js的执行顺序.

欢迎交流.

个人项目:https://git.oschina.net/kaykie/unique

angularjs

0 人点赞