Angular-Ausdruck, falls Array enthält

Question

Ich versuche, einer Klasse ein Element hinzuzufügen, wenn ein jobSet mithilfe von Ausdrücken nicht zur Genehmigung ausgewählt wurde.

Dies ist nicht unbedingt eine narrensichere Methode. Haben Sie Vorschläge, wie ich das machen sollte?

Answer 1

Sie können dies mit einer etwas anderen Syntax erreichen:

ng-class="{'approved': selectedForApproval.indexOf(jobSet) === -1}"

Plnkr

Answer 2

Sie sollten die Vorlagen nicht mit komplexer Logik überlasten, das ist eine schlechte Praxis. Denken Sie daran, es immer einfach zu halten!

Der bessere Ansatz wäre, diese Logik in eine wiederverwendbare Funktion auf Ihrem $rootScope auszulagern:

.run(function ($rootScope) {
  $rootScope.inArray = function (item, array) {
    return (-1 !== array.indexOf(item));
  };
})

Verwenden Sie es dann in Ihrer Vorlage:

Ich denke, jeder wird zustimmen, dass dieses Beispiel viel lesbarer und wartbarer ist.

Answer 3

Irgendwo in Ihrer Initialisierung setzen Sie diesen Code ein.

Array.prototype.contains = function contains(obj) {
    for (var i = 0; i < this.length; i++) {
        if (this[i] === obj) {
            return true;
        }
    }
    return false;
};

Dann können Sie es auf folgende Weise verwenden: