博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于angular自定义组件在外面使用的时候异步的拉取数据传递给组件的问题
阅读量:6607 次
发布时间:2019-06-24

本文共 1017 字,大约阅读时间需要 3 分钟。

最近在做ionic的一个项目,主要强依赖angular1.x、遇到了一个问题,关于自定义组件在外面使用的时候异步的拉取数据传递给组件的问题,我先说一下我的实现,我自己定义了一个组件,因为可能在多个地方会用到所以我把它做成自定义指令、话不多说先上代码

这是定义组件的代码

 

2、这是首页控制器里面定义了slideList、我要在模版里面使用组件的的时候把这个赋给组件

3、这是首页模版里面使用了我定义的组件、

 

4、这是控制器去服务端异步拉取数据,貌似也没什么问题

好了、看完了代码好像都没有问题是吧、按道理他会在界面渲染是吧、现在问题来了,我这按部就班的总是遇到个问题、就是首页页面里面始终不显示组件的内容、然后我就在自定义指令里面先打印scope和scope.slideList大家也可以看到我代码上有写,然后在控制器异步的去拉取数据的回调里面也打印了、现在我们来看控制台

这时候我们打开浏览器去看页面的时候什么都没有、界面上没有显示、这是怎么回事、按道理他应该会自动的渲染出来啊、不是双向绑定吗、擦、好了我们再来看看他的dom到底有木有生成

这下问题来了、 我去这dom不是有生成吗、为毛页面不显示、实在是扯淡啊、我看了下也不是我样式的问题、这到底怎么回事、呵呵其实我也不清楚、然后我自我分析了一下,感觉是组件一开始初始化的时候没有立马拿到值,但是页面已经在渲染了、渲染完了后面赋到值了但是界面是没有动态的去更新、好了这时候我自己手动调用$scope.$apply()什么卵用都没、还报错、然后我请教了一些大神、大神说在指令里面用监控、监控那个模型的变化也就是那个集合、最后按照大神的姿势写完了、页面还是没有更新、这时候奔溃了,

到底什么鬼、这问题折腾了我几天、后来昨晚突然脑袋抽了、我改造了一下

这一改造可把我乐坏了、妈蛋、这里要爆个粗、我那问题竟然解决了。。。。好神奇、其他地方都没改、然后我把监控的写法什么的去掉了、就是恢复以上的写法、这时候我们来看看控制台、

 

至此这个问题算是解决了、着实不容易啊、想想都心塞、本来今天到要把代码上传上去给大神们看看了的、现在解决了所以写篇文章分享一下、希望有遇到的也可以看看、第一次写博客、还请大家见谅。。写的不好的地方还请大家海涵、

PS//本文章属于原创,转载请注明出处、谢谢

转载于:https://www.cnblogs.com/fanzhengshao/p/5995884.html

你可能感兴趣的文章
topcoder srm 465 div1
查看>>
C语言 scanf()和gets()函数的区别
查看>>
如何检测域名是否被微信屏蔽 微信域名检测接口API是如何实现
查看>>
POJ1611-The Suspects
查看>>
Spring 中 ApplicationContext 和 BeanFactory 的区别
查看>>
3.28Day09函数
查看>>
Linux Makefile 生成 *.d 依赖文件及 gcc -M -MF -MP 等相关选项说明【转】
查看>>
Linux下安装Python-3.3.2【转】
查看>>
STL杂记
查看>>
LeetCode OJ:Merge Two Sorted Lists(合并两个链表)
查看>>
功能测试
查看>>
Rust的闭包
查看>>
【BZOJ 1901】Dynamic Rankings
查看>>
阿里架构师都在学的知识体系
查看>>
PAT (Advanced Level) 1028. List Sorting (25)
查看>>
【摘】人生苦短, 每日python
查看>>
【转】聚集索引和非聚集索引的区别
查看>>
【转】mac os 安装php
查看>>
Android -- OkHttp的简单使用和封装
查看>>
软件工程_第二次作业
查看>>