这是 plunker 演示: http://embed.plnkr.co/7ROJ3l/?show=preview
我有一个用例,我想在解决特定承诺后动态地将幻灯片附加到 Ionic 滑块。
将纯 HTML 文本附加到滑块非常简单。但是当我尝试使用 {{ }}
从我的控制器绑定angular variables
时,它们没有得到处理。请参考上面的 plunker 演示来理解我的意思。有什么方法可以附加幻灯片,也可以使用控制器范围变量?
作为一种解决方法,我尝试了ng-repeat
而不是附加新幻灯片。这是另一个Plunker显示: http://embed.plnkr.co/CL9P4I/?show=preview
在这个解决方案中,我想我不小心发现了一个新错误。在这里,第二个幻灯片页面没有正确遵循那里提到的 CSS 样式。第一次滑动滑块后,它会恢复正常行为。看看 Plunker 以获得清晰的想法。
编辑:工作 Plunker https://plnkr.co/edit/wKsaRJ?p=preview
您需要创建一个数组或对象,以便通过ng-repeat
数据进行传递。喜欢:
$scope.mySlides = ["test1", "test2", "test3"];
并在<ion-slide-page>
内使用ng-repeat
。喜欢:
<ion-slide-page ng-repeat="slide in mySlider">{{ slide }}</ion-slide-page>
编辑您的 Plunker 我成功地进行了这些更改并工作了。