Angular JS - Fügt dynamisch mit Hilfe von ng-repeat href-Links zu Symbolen hinzu

8

Ich versuche eckig zu verwenden, um eine Tabelle mit verschiedenen Videos zu erstellen, die nach Thema, Datum und Moderator geordnet sind und ebenfalls markiert sind.

Ich habe ng-repeat verwendet, um über mein Array von Objekten zu wiederholen, um eine Tabelle zu erzeugen.

Wie kann ich jedoch die href-Verknüpfung für die Wiedergabeschaltfläche dynamisch ändern?

Im folgenden Beispiel habe ich eine statische Zeile hinzugefügt, wie jeder aussehen sollte. Die erste Spalte enthält ein Fontawesome-Symbol, das mit einem Video verknüpft ist. Wie kann ich die Funktion so bearbeiten, dass der href-Link in der ng-Wiederholung aktualisiert wird?

Ссылка

%Vor%     
JDH 10.12.2014, 15:03
quelle

3 Antworten

14

Sie können ein & lt; a & gt; Tag mit dynamischem href innerhalb der ng-Wiederholung, es funktioniert genau so, wie Sie es erwarten würden - obwohl die Verwendung von ng-href besser ist, damit Ihre Links nicht brechen, bevor die Datenbindungen fertig sind.

Ich habe deine Geige aktualisiert: hier

Damit beginnt die ng-Wiederholung mit:

%Vor%

(und ich habe dieses zusätzliche URL-Feld zu Ihren Testdaten hinzugefügt)

    
doldt 10.12.2014, 15:11
quelle
0

Wenn ich dich richtig verstanden habe, brauchst du nur ng-href:

%Vor%

und ng-klicken Sie auf Zeile:

%Vor%

Ссылка

    
Rasalom 10.12.2014 15:09
quelle
0

Fügen Sie Ihrem Array von Objekten ein Link-Attribut wie folgt hinzu:

%Vor%

und im href

%Vor%     
Malek Hijazi 10.12.2014 15:10
quelle