首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >angular2报错 Expression has changed after it was checked

angular2报错 Expression has changed after it was checked

作者头像
杭州前端工程师
发布2018-06-15 12:17:24
2.2K0
发布2018-06-15 12:17:24
举报
文章被收录于专栏:前端大白专栏前端大白专栏

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]'.

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

看看我是如何解决的:

ngOnInit() {
      setTimeout(()=>{this.showTableBoolean=true},0)
    }
<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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档