Angular2 ausblenden zeigen Elemente basierend auf mehreren Bedingung Smart Way

Question

Ich habe 10-12 Tasten und andere wenige Eingaben auf meiner Seite. hängt von Benutzern und Benutzertypen ab, die ich Schaltflächen und Eingaben anzeigen und ausblenden muss.

beispiels

wenn user = a verstecken dann 3 Tasten und 2 Eingänge. Wenn Benutzer = b und userType = mgr dann verstecken andere 2 Tasten und andere Eingaben usw. ....

Wie würde ich diese Bedingungen intelligent behandeln?

Sollte ich schreiben, wenn Bedingung auf allen Tasten und Eingaben? Verschiedene Vorlagen? etwas, das ich auf Komponentenseite handhaben kann und es in HTML verwende?

Bitte um Rat.

Dank

Answer 1

I Methoden auf Komponentenebene bauen würde die Logik, die Sichtbarkeit fährt kapseln und sie mit * ngIf oder [versteckt] kombinieren.

Mit anderen Worten:

• für jede Taste, Eingabe (oder eine anderes HTML-Element), die auf Basis muss auf Logik erstellen gezeigt oder ausgeblendet werden fügen Sie eine Methode wie showElementXXX() : boolean
• dann das Ein-/Ausblenden Steuerschalter in der Vorlage, z

Ich hoffe, dies hilft