我在angular中使用jssor滑块,这意味着图像将是动态的并且来自db。我将使用ng-repeat遍历多个图像。

这是我的代码:

"<div ng-repeat='image in images'> <img u=\"thumb\" src=\" {$ image.path $} /" />\n<img u=\"{$ image.path $} \" /></div>"


我已经尝试了其他一些东西进行调试,例如使用过的ng-repeat,但是image src是静态的

<div ng-repeat='image in images'> {$ image $} <img u=\"thumb\" src=\"http://cdn1.spiegel.de/images/image-52390-galleryV9-cxso.jpg\" />\n<img u=\"image\" src=\"http://cdn1.spiegel.de/images/image-52390-galleryV9-cxso.jpg\" /></div>"


上面的代码将打印{$ image $},但幻灯片将不起作用。

但是,如果我将ng-repeat<div>删除,则滑块将正常工作。

编辑:

这是我创建的http://plnkr.co/edit/QEkjMREOUuzFugctt6fw?p=preview的对象。
角度代码始于line no 123 index.html

如果您删除ng-repeat角并将静态图像添加到slider。它将起作用。

最佳答案

我尝试了您的plunkr,allimages不在$ scope中。
您似乎没有以正确的方式初始化控制器。

我更改了以下内容:

<html ng-app="myApp">


并在script.js中

var app = angular.module("myApp", [ ]);

app.controller("Ctrl", function ($scope) { ... }


See updated plunkr(显示的图像虽然没有滑动,但可以帮助您上正轨)

或签出https://github.com/adebisi-fa/dang-jssor(Jssor角度指令)

关于javascript - Jssor Slider在Angular中不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30369727/

10-09 08:16