離子幻燈片：添加一個新的幻燈片具有角範圍內的變量綁定

這裏是plunker演示：http://embed.plnkr.co/7ROJ3l/?show=preview 離子幻燈片：添加一個新的幻燈片具有角範圍內的變量綁定

我有我想要動態之後的特定承諾得到解決，以追加到離子滑塊滑動這個用例。

將純HTML文本附加到Slider非常簡單。但是當我嘗試使用{{ }}從我的控制器綁定angular variables時，它們不會被處理。請參考上面的plunker demo瞭解我的意思。有什麼辦法可以附加幻燈片，我也可以使用控制器範圍變量？

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

在這個解決方案中，我想我意外地發現了一個新的錯誤。這裏第二個幻燈片頁面沒有正確地遵循那裏提到的CSS樣式。第一次滑動滑塊後，它恢復正常行爲。看看Plunker以獲得清晰的想法。

來源

2017-04-07 Meliodas

編輯：工作Plunker https://plnkr.co/edit/wKsaRJ?p=preview

你需要創建一個數組或對象由ng-repeat與您的數據通過。像：

$scope.mySlides = ["test1", "test2", "test3"];

並使用ng-repeat你<ion-slide-page>內。像：

<ion-slide-page ng-repeat="slide in mySlider">{{ slide }}</ion-slide-page>

編輯您的Plunker我成功地做了這些更改並且工作。

來源

2017-04-07 23:35:36

感謝您的及時答覆。這絕對奏效。但正如我在我的問題中提到的那樣，$ promise.mySlides數組必須在承諾解析後更新（爲簡單起見，我使用了$ timeout）。這會導致幻燈片出現輕微變形。在這個運動中可以看到：http://embed.plnkr.co/CL9P4I/?show=preview – Meliodas

離子幻燈片：添加一個新的幻燈片具有角範圍內的變量綁定

回答

相關問題