@Input

Le décorateur @Input permet de déclarer qu'un champ est en entrée du composant.

import { Component, Input} from '@angular/core';

@Component({
    selector: 'mon-composant',
    template: `
        <h1>{{titre}}</h1>
    `
})
export class MonComposant {

    @Input() titre:string;

}

Le composant pourra alors s'utiliser comme suit :

<mon-composant [titre]="'Super titre'"></mon-composant>