我在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/