离子玻片:附加一张新玻片,绑定角度范围变量



这是 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 我成功地进行了这些更改并工作了。

最新更新