angular实现轮播方式

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

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

小西子 | 初学一级 | 园豆：72
提问于：2017-07-10 16:18

< >

最佳答案

你说的原生什么意思原生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

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。