Verwenden Sie den Ausdruck als ng-Klasse in eckigen js

CodeWithCoffee

Ich habe eine ungeordnete Liste, in der ich für jedes Li eine andere Klasse haben möchte, die dynamisch sein wird.

Mein Code ist

$scope.className = ['clr1','clr2','clr3','clr4','clr5'];

Mein HTML:

  <div>
        <ul>
         <li  ng-repeat="item in mainitem"  ng-style="{color: color[$index]}" >
              <span  ng-class="{className [$index]}">{{ item.name}}</span>  // At this line I ahve added dynamic class but its not working
          </li>
        </ul>
   </div>

Dies ist keine angewendete Klasse gemäß Klassennamen-Array !!

Gibt es ein Problem mit diesem Code? Danke fürs Helfen !!

Zabusa

Sie können []anstelle von verwenden{}

 <div>
        <ul>
         <li  ng-repeat="item in mainitem"  ng-style="{color: color[$index]}" >
              <span  ng-class="[className[$index]]">{{ item.name}}</span>  
          </li>
        </ul>
   </div>

Zum Beispiel zum Arbeiten siehe diesen Codepen Codepen

Dieser Artikel stammt aus dem Internet. Bitte geben Sie beim Nachdruck die Quelle an.

Bei Verstößen wenden Sie sich bitte [email protected] Löschen.

bearbeiten am
0

Lass mich ein paar Worte sagen

0Kommentare
LoginNach der Teilnahme an der Überprüfung

Verwandte Artikel

Die eckige js ng-Klasse zeigt den Ausdruck als Klasse an, anstatt ihn zu verarbeiten

ng-Klasse funktioniert nicht in eckigen js

Verwenden Sie ng-controller in eckigen Vorlagen

C # Übergeben Sie den Ausdruck als Argument und verwenden Sie PredicateBuilder

Verwenden Sie Staubschablonen mit eckigen js

Problem mit der ng-Klasse in eckigen Js

Bewerten Sie den als Zeichenfolge angegebenen Ausdruck

Übergeben Sie den Ausdruck als benannten Argumentnamen

Teilen Sie den Ausdruck String als ArrayList

Rufen Sie den Methodeninhalt als Ausdruck ab

Übergeben Sie den bedingten Ausdruck als Funktionsargument

Verwenden Sie den Audiokontext als Audioeingang in p5.js.

Verwenden Sie den eckigen compileProvider außerhalb des Konfigurationsblocks

Fügen Sie zwei numpy-Arrays hinzu, indem Sie den Ausdruck lamdify - pass als Funktionsargument verwenden

Verwenden Sie die generische Klasse als Methodeneingabe

Typoskript: Verwenden Sie die Klasse als Schnittstelle

So verwenden Sie Klasse als Eigenschaft

Verwenden Sie pymongo als Klasse zum Abfragen

Übergeben Sie den Funktionsparameter erster Klasse an den LINQ-Ausdruck

Ändern Sie die Klasse des Ankertags mit eckigen js

Verwenden Sie Office-UI-Fabric-Js in eckigen Js

Verwenden Sie den eckigen js-Controller, um ein Cookie zu überprüfen und ein Modal zurückzugeben

So verwenden Sie eine tokenbasierte Knoten-API in eckigen js

Verwenden Sie jquery in eckigen js Funktion funktioniert nicht?

Konvertieren Sie den Lambda-Ausdruck in eine umschlossene Klasse

Passen Sie mit ng-class eckigen js an

So zeigen Sie den aktivierten Optionsfeldwert in eckigen Js an

So verwenden Sie ng-Container mit ng-Inhalt (mit Select-Tag) in eckigen 4

Verwenden Sie den Subtyp einer Klasse in einer generischen Klasse

TOP Liste

  1. 1

    Wie aktualisiere ich ein Feld in einer Raumdatenbank mit einem Repository und einem Ansichtsmodell?

  2. 2

    Wie füge ich mehrere Spalten in einer Spalte mit derselben Tabelle in SQL Server zusammen?

  3. 3

    Wie kann man Gitterquadrate dazu bringen, die Farbe zu ändern?

  4. 4

    Ich kann nicht verstehen, wie man Go-Code in mehreren Dateien kompiliert

  5. 5

    Zählen Sie die Vorkommen jedes Werts in einem Tupel in Python

  6. 6

    Gibt es eine sauberere Möglichkeit, Konstruktorargumente und Instanzeigenschaften einer Klasse in Typescript zu definieren?

  7. 7

    So implementieren Sie Pushwoosh mit ionic 2

  8. 8

    Wie wird der Wert im Dropdown-Menü basierend auf den ausgewählten Daten / IDs angezeigt?

  9. 9

    Tomcat - Leiten Sie den alten Kontextstamm zum neuen Kontextstamm um

  10. 10

    Ändern Sie den Knotenpfad in das aktuelle Verzeichnis

  11. 11

    So erstellen Sie ein Array von Objekten aus zwei Arrays von Objekten mit einem gemeinsamen Schlüssel - JavaScript

  12. 12

    Rufen Sie die ID aus der Datagrid-Ansicht ab und zeigen Sie die Daten in Textfeldern einem anderen Formular an

  13. 13

    base js: Wie füge ich einem Objekt eine Eigenschaft auf die 'alte' Weise hinzu?

  14. 14

    Ersetze einen Teil einer Zeichenfolge durch eine Pandas-Spalte als Muster

  15. 15

    Blättern Sie auf Radio Click zur Abschnitts-ID

  16. 16

    CBCentralManager wird nach dem Verbinden neu gestartet

  17. 17

    Scherz, wie man eine Funktion verspottet, die von einer verspotteten Funktion zurückgegeben wird

  18. 18

    django-allauth Empfängersignal zum Hinzufügen einer Gruppenberechtigung zum Benutzer bei der Anmeldung

  19. 19

    Tic Tac Toe-Spiel im React-Reset-Button funktioniert nicht

  20. 20

    AQL: Teilweise Übereinstimmung in einer Reihe von Zeichenfolgen

  21. 21

    So summieren Sie die Werte zweier Tabellen und gruppieren sie nach Datum

heißlabel

Archiv