2017-04-07 8 views
0

を結合角度スコープ変数に新しいスライドを追加するには、ここでplunkerのデモです:http://embed.plnkr.co/7ROJ3l/?show=previewイオンスライド:

私は特定の約束が解決さ後に動的にイオンスライダーにスライドを追加したい、このユースケースを持っています。

純粋なHTMLテキストをSliderに追加するのは非常に簡単です。しかし、コントローラangular variables{{ }}でバインドしようとすると、処理されません。私が何を意味しているかを理解するために上記plunker demoを参照してください。スライドを追加する方法はありますか?コントローラースコープ変数も使用できますか?

回避策として、新しいスライドを追加するのではなく、ng-repeatを試しました。 http://embed.plnkr.co/CL9P4I/?show=preview

このソリューションでは、私は誤って新しいバグを発見したと思います。ここでは、2番目のスライドページはそこに記載されているCSSスタイルに正しく従いません。スライダを最初にスワイプした後、通常の動作に戻ります。明確な考えを得るにはPlunkerをご覧ください。

答えて

0

編集:ワーキングPlunker https://plnkr.co/edit/wKsaRJ?p=preview

はあなたのデータをng-repeatで通過する配列やオブジェクトを作成する必要があります。同様に:

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

そして、あなたの<ion-slide-page>ng-repeatを使用しています。 Like:

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

Plunkerを編集するこれらの変更を正常に行い、うまくいきました。

+0

すぐにお返事ありがとうございます。これは間違いなく正常に動作します。しかし、私の質問で述べたように、 '$ scope.mySlides'配列は、約束が解決した後で更新する必要があります(単純に$ timeoutを使いました)。スライドにわずかな歪みが生じます。これは、このプランナーで見ることができます:http://embed.plnkr.co/CL9P4I/?show=preview – Meliodas

関連する問題