Ich muss 4 Bedingungen in ng überprüfen - wenn die Booleschen Bedingungen sind. Wenn einer von ihnen wahr ist, muss ich ein div anzeigen.Überprüfung mehrerer Bedingungen in ng-if
Gibt es einen einfachen und besseren Weg, es zu tun?
<div ng-if="ctrl.survivor || ctrl.doctor || ctrl.patient || ctrl.beneficiary">
<div ng-bind-html=" {{ myContent }}">
</div>
</div>
Im Allgemeinen komplexen Logik innerhalb des Winkels Ausdrücke ist ein Code Geruch:
In der Regel zu testen Ich versuche, boolesche Logik oder irgendetwas anderes zu vermeiden, das die Komplexität in eckigen Ausdrücken anzeigt, die ich schreibe oder überarbeite. Stattdessen empfehle ich, dass Sie die Logik in eine Controller-Methode extrahieren und die Controller-Methode direkt aufrufen. So können Sie auch einen schönen Komponententest dafür schreiben. Der endgültige Code, den ich empfehlen würde wie folgt aussehen würde:
<div ng-if="ctrl.isApplicable()">
<div ng-bind-html=" {{ myContent }}"></div>
</div>
In der Steuerung:
class Ctrl {
...
isApplicable() {
return survivor || ctrl.doctor || ctrl.patient || ctrl.beneficiary;
}
...
}
Sie die Logik innerhalb einer Funktion in der Steuerung setzen könnte, aber es ist kein einfacher Weg, um diese Logik darzustellen; Die Funktion wird im Wesentlichen gleich aussehen. – Claies
@Claies: Danke, also ist das die richtige Syntax? Ich bin neu bei ANgular. Ich muss diesen Code jedoch noch testen. Ich werde es jetzt machen. Aber sieht das alles gut aus? Und ja, ich bekomme das Setup dafür nur im Controller – Learner
Zustimmen mit @Claies, auch, was sind andere Arten von Benutzerrollen neben den genannten vier? Sie könnten möglicherweise einfach die Logik, indem Sie die Idee von Nicht wenn. –