2016-08-05 98 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

我的最終目標是讓codepen與json – user19929

+0

一起工作,對於上述答案感到抱歉。爲了克服你的問題,你可以創建一個自定義指令並將json(count)的值傳遞給指令。在基於count數的指令裏面添加所需的類名到你的quote元素。一旦循環被執行,從元素中刪除css類的名稱。 –