Revolving Slider mit JSON

-1

Ich möchte etwas wie das erstellen: http://codepen.io/cassidoo/pen/MyaWzp. Hier ist jedoch die Anzahl der Zyklen auf 5 eingestellt. Ich möchte Daten von einem json einlesen. wenn meine Json ein paar Zitate Zum Beispiel hat, dann innerhalb des div hätte ich:Revolving Slider mit JSON

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

Das Problem das ich habe, ist, wie man sie drehen machen zu halten, ohne eine festgelegte Anzahl von Umdrehungen aufweisen. Grundsätzlich ist mein Endziel, einen ununterbrochenen Revolver zu haben, der alle Zitate durchläuft und dann die Revolution wiederholt. Ich habe mich gefragt, welche Änderungen ich an dem angehängten Link vornehmen kann, um dies zu erreichen.

Quelle

2016-08-05 user19929

Können Sie uns Ihren Code zur Verfügung stellen? So wie es aussieht, wäre es extrem schwierig, Ihnen zu helfen. Bitte lesen Wie man ein [minimales, vollständiges und verifizierbares Beispiel] erstellt (http://stackoverflow.com/help/mcve) –

Sie müssen ng-repeat zum Durchschleifen von verfügbaren Daten verwenden. Es fungiert als eine for-Schleife. schau dir den folgenden Beispielcode an.

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

Quelle

2016-08-05 16:21:20

Ich benutze ng-repeat. Das ist nicht das Problem. Hast du den Link angeschaut? Die CSS-Datei hat 5 Zyklen. Ich möchte die Anzahl der Zyklen nicht vorherbestimmen. Es sollte jedoch viele Punkte in JSON geben, wie die Anzahl der Zyklen. – user19929

Mein Endziel ist es, den Codepen mit JSON – user19929

Entschuldigung für die obige Antwort zu machen. Um Ihr Problem zu lösen, können Sie eine benutzerdefinierte Direktive erstellen und den Wert von json (count) an die Direktive übergeben. In der Direktive basierend auf der Anzahl der Zählungen fügen Sie Ihrem Zitatelement den erforderlichen Klassennamen hinzu. Sobald die Schleife ausgeführt wurde, entfernen Sie den css-Klassennamen aus dem Element. –

Antwort

Verwandte Themen