Das Hinzufügen mehrerer Klassen unter Verwendung von ng-class

Question

ALERT: Dieser Thread ist für das alte AngularJS!

Können wir mehrere Ausdrücke haben, um mehrere ng-class hinzuzufügen ?

Zum Beispiel.

Wenn ja, kann jemand das Beispiel dafür aufstellen.

.

Answer 1

Anderer Weg, um eine Funktion zu erstellen, um "Mehrfachklassen zu verwenden"

CSS

    .Red {
        color: Rot;
    }
    .Yellow {
        color: Gelb;
    }
      .Blue {
        color: Blau;
    }
      .Green {
        color: Grün;
    }
    .Gray {
        color: Grau;
    }
    .b {
         font-weight: fett;
    }

Skript

    angular.module('myapp', [])
            .controller('ExampleController', ['$scope', function ($scope) {
                $scope.MyColors = ['Es ist Rot', 'Es ist Gelb', 'Es ist Blau', 'Es ist Grün', 'Es ist Grau'];
                $scope.getClass = function (strValue) {
                    if (strValue == ("Es ist Rot"))
                        return "Rot";
                    else if (strValue == ("Es ist Gelb"))
                        return "Gelb";
                    else if (strValue == ("Es ist Blau"))
                        return "Blau";
                    else if (strValue == ("Es ist Grün"))
                        return "Grün";
                    else if (strValue == ("Es ist Grau"))
                        return "Grau";
                }
        }]);

Verwendung

AngularJS ng-class beispiel

        {{icolor}}

Sie können den vollständigen Code auf der Seite unter ng-class beispiel nachlesen

Answer 2

Ich benutze das:

[ngClass]="[{
    'basic':'mat-basic-button',
    'raised':'mat-raised-button',
    'stroked':'mat-stroked-button'
}[ 
    button.style ?? 'raised'
]]"