Читать книгу 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() { }

}

Angular

Подняться наверх