Читать книгу Angular - Ferdinand Malcher - Страница 191
Listing 6–27 Property Binding auf dem Host-Element einer Komponente
ОглавлениеMit dem Property Binding schreiben wir den String foo in die DOM-Eigenschaft myProperty. Praktisch sinnvoll wird das Ganze dann, wenn wir die übergebenen Daten in der verknüpften Komponente MyComponent auslesen und verarbeiten können. Damit können wir Daten an Komponenten übermitteln, die im Komponentenbaum weiter unten liegen.
Dazu setzen wir in der Kindkomponente MyComponent das passende Property und verwenden den Decorator @Input():
import { Component, Input } from '@angular/core';
@Component({
selector: 'my-component',
templateUrl: './my.component.html'
})
export class MyComponent {
@Input() myProperty: string;
constructor() { }
}