離子幻燈片：附加一個新的幻燈片，並帶有角度范圍變量綁定

Question

這是插件的演示： http ://embed.plnkr.co/7ROJ3l/?show=preview

我有一個用例，在此情況下，我想在解決特定承諾后將幻燈片動態地附加到Ionic滑塊上。

在滑塊上添加純HTML文本非常簡單。 但是，當我嘗試使用{{ }}從控制器綁定angular variables ，它們不會得到處理。 請參考上面的插件演示以了解我的意思。 有什么辦法可以追加幻燈片，也可以使用控制器范圍變量？

作為解決方法，我嘗試了ng-repeat而不是添加新幻燈片。 這是另一個顯示以下內容的Plunker： http ://embed.plnkr.co/CL9P4I/?show=preview

在這種解決方案中，我想我意外地發現了一個新的錯誤。 在這里，第二張幻燈片頁面沒有正確遵循此處提到的CSS樣式。 第一次滑動滑塊后，它又恢復了正常行為。 看看Plunker可以得到一個清晰的主意。

Answer 1

編輯 ：工作柱塞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我成功進行了這些更改並工作。