Wie kann ich ngFor verwenden, um über Typescript Enum als ein Array von Zeichenfolgen zu durchlaufen
Ich bin mit Angular2 und Typscript. Ich habe eine enum:
export enum Role {
ServiceAdmin, CompanyAdmin, Foreman, AgentForeman,
CrewMember, AgentCrewMember, Customer
}
Möchte ich nutzen, um *ngFor zum Durchlaufen der enum. Was ist der beste Weg, dies zu tun? Muss ich das Rohr? Oder gibt es eine einfachere Möglichkeit?
InformationsquelleAutor der Frage Rob Gorman | 2016-07-24
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ein enum ist nur ein Objekt.
Ihre enum geschrieben ist sowas in JavaScript:
So kann man iterieren, es auf diese Weise (plnkr):
Oder wäre besser zum erstellen von benutzerdefinierten Rohr:
Beispiel
InformationsquelleAutor der Antwort yurzui
Den Umfang der Vorlage ist die Instanz der Komponente. Wenn Sie Zugriff auf etwas, das außerhalb dieses Bereichs, die Sie benötigen, zur Verfügung stellen von innerhalb der Komponente Instanz:
Siehe auch https://stackoverflow.com/a/35750252/217408
InformationsquelleAutor der Antwort Günter Zöchbauer
Ich brauchte, um das gleiche zu tun und vielleicht ist dies, was Sie wollte.
Mehr TROCKEN und es kann verwendet werden, mit
module
zu.den Objekt-Ausgang vor der Scheibe
Typoskript verbindet die beiden Erklärungen daher die
keys.lenght-1
und die
ngFor
:weitere Infos:
Typoskript, in dem die Erklärung Zusammenführen
basierend auf:
Typoskript: Hinzufügen von Funktionen zu einer Enum
https://basarat.gitbooks.io/typescript/content/docs/enums.html (am Ende der enums Kapitel.)
InformationsquelleAutor der Antwort Filipe Morais Jorge
Nach weiterer recherche und Durchsicht der anderen Antworten kann ich das jetzt formulieren, eine Antwort auf meine Frage. Ich denke, dass es nicht möglich ist, benutzen Sie einfach *ngFor zur Iteration über ein enum ohne einige code-Unterstützung in der Komponente. Die code-Unterstützung können darin bestehen, dass der Konstruktor-code, die sich aus dem Enum in eine Art von array, oder wir erstellen eine benutzerdefinierte Rohr, das etwas ähnliches macht.
InformationsquelleAutor der Antwort Rob Gorman
Ihre Winkel-Komponente.ts :
InformationsquelleAutor der Antwort Neo_Ryu
Habe ich die enum:
In der Komponente ts-Datei:
In der HTML-template-Anzeige diese enum-Werte und Schlüssel:
InformationsquelleAutor der Antwort Pax Beach