Читать книгу Angular - Ferdinand Malcher - Страница 192

Input-Propertys mit dem Decorator @Input()

Wir importieren zunächst den Decorator @Input() und versehen die Eigenschaft myProperty unserer Komponente damit. Nur wenn dieser Decorator vorhanden ist, können wir das Property mit einem Property Binding von außen beschreiben. Das Property enthält also nun den String foo, den wir auf dem Element <my-component> gesetzt haben.

Input-Propertys umbenennen

Die Komponenteneigenschaft trägt normalerweise immer denselben Namen wie das DOM-Property. In manchen Fällen ist es allerdings sinnvoll, nicht denselben Namen verwenden zu müssen. Wir können dem @Input()-Decorator als Argument deshalb den Namen des DOM-Propertys übergeben, an das wir binden wollen. Die Komponenteneigenschaft kann dann einen beliebigen Namen haben.

@Input('myProperty') myProp: string;