首页 新闻 搜索 专区 学院

angular实现轮播方式

0
悬赏园豆:10 [已解决问题] 解决于 2017-07-14 09:28

在angular里面实现pc端酷狗首页轮播图,除了用原生写出来,还能用别的方式写吗,求大神指教;

小西子的主页 小西子 | 初学一级 | 园豆:72
提问于:2017-07-10 16:18
< >
分享
最佳答案
0

 你说的原生什么意思 原生js?  还是说用angular的方式实现

收获园豆:10
浮云也是种寂寞 | 小虾三级 |园豆:994 | 2017-07-10 16:42

我用原生的方式写出来了,但是想用angular的方式实现,不是太懂

小西子 | 园豆:72 (初学一级) | 2017-07-10 16:46

@小西子:  如果1.x 其实就是把这个轮播功能这个封装到指令里,轮播的html就对应着template,轮播切换逻辑可以实现在controller或是link,图片数据经由$scope传入到模板,做些class判断,至于特效什么的跟angular关系不大了.

4.x里就是封装到component里,不过此时不再有$scope和controller了转而通过ts的class来实现了 

如果你还是不明白怎么写 可以到github去找一下开源的angular ui组件 看下别人怎么封装的 一般这种ui组件都提供了carousel功能

浮云也是种寂寞 | 园豆:994 (小虾三级) | 2017-07-10 16:57

@浮云也是种寂寞:好的,谢谢,但是我放在scope里面的数据是在哪里判断每次到中间那一张的时候,图片会变大呢? 弱弱的问一句 ts是什么

小西子 | 园豆:72 (初学一级) | 2017-07-10 17:35

@小西子: 可以ngif,如果复杂点还是放到controller里吧

ts就是TypeScript , angular4默认用ts来编写代码.

浮云也是种寂寞 | 园豆:994 (小虾三级) | 2017-07-10 17:58

@浮云也是种寂寞: 好的,谢谢啦,我再去看看

小西子 | 园豆:72 (初学一级) | 2017-07-10 18:08
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册