angular js踩坑日记

作者: 一名程序猿 | 来源:发表于2018-09-30 11:31 被阅读16次
坑述

1.数据model更新成功,但是视图view未发生相应变化。

bug展示

右侧菜单有些菜单能成功显示,有些页面不能成功显示。如下所示


正常展示菜单栏.png
异常情况菜单栏展示.png

异常出现情况是我手动的去刷新了页面哈(菜单栏不用每次拉取)。

经过我多次断点测试,发现其实异常情况下,model里面是有值的,只是view视图没更新。因为是部分页面成功,部分失败。所以我反复查看关键代码,发现model赋值是放在setTimeout函数中,我就想可能是延时导致view不能动态刷新。
于是我注释掉延时代码,异常页面展示成功。
当我再加上确定1s的延时后,刷新页面,所有菜单栏都出不来了。bug定位成功。

代码.png
最后

贴一波百度的答案


百度.png

相关文章

  • angular js踩坑日记

    坑述 1.数据model更新成功,但是视图view未发生相应变化。 bug展示 右侧菜单有些菜单能成功显示,有些页...

  • ionic2+angular2中踩的那些坑

    ionic2+angular2中踩过的坑

  • angular踩坑

    一: 这个路由访问http://localhost:4200/crisis-center/1/2/asdf是访问不...

  • 2018-04-24

    angular2学习之踩坑经历; 一、当输入命令:ng g s servicename; 报错如:angular2...

  • ionic3升级适配angular5

    昨天angular5和ionic3同时发布更新了,为了用上angular5的新特性,还是有必要踩下坑的,当然踩坑的...

  • Angular7 踩坑记录

    Angular7 踩坑记录 1. Ineffective mark-compacts near heap limi...

  • angular 踩坑记录

    项目需要,写一个验证码倒计时的功能。这个用到angular的数据双向绑定非常方便。然鹅,结果却不尽如人意。查了很久...

  • Uncaught SyntaxError:

    记录web踩过的坑 情景: Angular 前台向Java springboot的后台请求一组List JAVA ...

  • angular性能优化心得

    不知不觉,在项目中用angular已经半年多了,踩了很多坑。 趁着放假,把angular的3本书都看了遍,结合这半...

  • JS踩坑

    1. 数组和对象是通过引用来赋值 先看下面栗子 简单的说:number,string类型都是基本类型,而基本类型存...

网友评论

    本文标题:angular js踩坑日记

    本文链接:https://www.haomeiwen.com/subject/dzzioftx.html