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

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

看看我是如何解决的:

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏java 成神之路

HttpURLConnection 中Cookie 使用

34712
来自专栏积累沉淀

Struts2声明式验证

声明式验证步骤 一 、编写Action类 package com.tg.action; import com.opensymphony.xwork2.Acti...

1727
来自专栏ASP.NETCore

让Silverlight AutoCompleteBox控件支持多属性筛选

首先我们先建立一个实体类并创建它的集合用于绑定控件的ItemSource属性,这个实体类有两个属性,如下:

692
来自专栏GreenLeaves

Web API系列之三 基本功能实现

Web API系列之二讲解了如何搭建一个WebApi的基架,本文主要在其基础之上实现基本的功能.下面开始逐步操作: 一、配置WebApi的路由-用于配置外部如何...

1915
来自专栏用户2442861的专栏

Spring MVC简介

http://www.cnblogs.com/wawlian/archive/2012/11/17/2775435.html

501
来自专栏爱撒谎的男孩

Springmvc入门

4356
来自专栏Java Web

Spring MVC【入门】就这一篇!

MVC 设计概述 在早期 Java Web 的开发中,统一把显示层、控制层、数据层的操作全部交给 JSP 或者 JavaBean 来进行处理,我们称之为 Mod...

3438
来自专栏晓晨的专栏

Autofac高级用法之动态代理

1273
来自专栏林德熙的博客

win10 uwp 萤火虫效果 安装 win2d创建界面后台的方法核心代码

本文在Nukepayload2指导下,使用他的思想用C#写出来。 本文告诉大家,如何使用 win2d 做出萤火虫效果。

371
来自专栏Spring相关

第5章—构建Spring Web应用程序—SpringMVC详解

第二步:前端控制器请求HandlerMapping查找 Handler (可以根据xml配置、注解进行查找)

1104

扫码关注云+社区