我正在尝试在我正在开发的这个应用程序上制作一个小幻灯片。它是在 Cordova 中使用 Angular for iOS 构建的。
这是相关的代码。
$scope.images = [{src: 'img/gcPreview0.png'},
{src: 'img/gcPreview1.png'},
{src: 'img/gcPreview2.png'},
{src: 'img/gcPreview3.png'},
{src: 'img/gcPreview4.png'},
{src: 'img/gcPreview5.png'}];
我尝试了以下几个版本:
<ul rn-carousel class="image">
<li ng-repeat="image in images"
style="background-image:url({{ image.src }});">
<div class="layer">image #{{ $index }}</div>
</li>
</ul>
我可以使用 ng-repeat 显示我的图像,但由于某种原因,该指令没有生效。当然,我没有收到任何错误消息,并且应该安装的所有内容都已安装(ngTouch,angular-carousel)。console.log 显示指令本身在 angular-carousel 中被调用。
有人知道我不知道的事情吗?