Ionic Slides:附加一个带有角度范围变量绑定的新幻灯片

时间:2017-04-07 22:02:10

标签: angularjs ionic-framework swiper

以下是plunker演示:http://embed.plnkr.co/7ROJ3l/?show=preview

我有这个用例,我希望在特定的promise得到解决后动态地将幻灯片附加到Ionic滑块。

将纯HTML文本附加到Slider非常简单。但是当我尝试使用angular variables从我的控制器绑定{{ }}时,它们不会被处理。请参考上面的plunker demo来了解我的意思。有什么方法可以附加幻灯片,我还可以使用控制器范围变量吗?

作为解决方法,我尝试过ng-repeat而不是添加新幻灯片。这是另一个Plunker,显示:http://embed.plnkr.co/CL9P4I/?show=preview

在这个解决方案中,我想我不小心发现了一个新的bug。这里第二张幻灯片页面没有正确遵循那里提到的CSS样式。在第一次滑动滑块后,它会恢复正常行为。看看Plunker以获得清晰的想法。

1 个答案:

答案 0 :(得分:0)

修改:使用Plunker https://plnkr.co/edit/wKsaRJ?p=preview

您需要创建一个数组或对象,以便sed ':a;N;/\n$/!s/\n/ /;ta' file 与您的数据一起传递。像:

sed ':a;N;/\n$/!s/\n/ /;ta;P;d' file

ng-repeat内使用$scope.mySlides = ["test1", "test2", "test3"]; 。像:

ng-repeat

编辑你的Plunker我成功地做了这些改变并且工作了。