2016-08-05 7 views
-1

http://codepen.io/cassidoo/pen/MyaWzpのようなものを作成します。しかし、このサイクル数は5に設定されています.Jsonからデータを読み込みたいとします。私のJSONは、引用符の束を持っている場合たとえば、その後、私が持っているでしょうdivの内側:JSONを使用した回転スライダー

<div class="quote">{{ parsed['quotes'] }}</div> 

私がいるトラブルは、それが回転のセット数をせずに回転保つようにする方法です。基本的に私の最終目標は、すべての引用符を通り、革命を繰り返すリボルバーを継続的に持つことです。私はこれを達成するために添付リンクにどのような変更を加えることができるのだろうかと思っていました。

+0

あなたのコードを教えていただけますか?それが立っているので、あなたを支援することは非常に困難です。 [最小限の、完全で検証可能な例を作成する](http://stackoverflow.com/help/mcve) –

答えて

0

利用可能なデータセットをループするにはng-repeatを使用する必要があります。これはforループとして機能します。サンプルコードの下を見てください。

<div ng-repeat="quotes in parsed['quotes']"> 
    <div class="quote">{{ quotes }}</div> 
</div> 
+0

を作成するには、ng-repeatを使用してください。それは問題ではありません。リンクを見ましたか? CSSファイルには5サイクルあります。私はサイクル数をあらかじめ決めたくありません。しかし、サイクル数としてjsonには多くの項目があるはずです。 – user19929

+0

私の最終目標は、上記の答えに申し訳ありませんjson – user19929

+0

とcodepenを動作させることです。あなたの問題を克服するためにカスタムディレクティブを作成し、ディレクティブにjson(count)の値を渡すことができます。 countの数に基づいてディレクティブ内で、必要なクラス名を引用要素に追加します。ループが実行されると、要素からCSSクラス名を削除します。 –

関連する問題