Anglar6 tutorial

é
Angular
© Gérald Abbadie 2018
}
ngOnInit(){
this.titre = this.autreComposant.titre;
}
Dans cet exemple, nous récupérons la valeur du titre dans un second composant instancié
dans le constructeur.
Binding
Les valeurs déclarées dans un composant sont directement accessibles dans le template HTML
qui lui est attaché :
import { Component } from '@angular/core';
export class MonComposant {
titre:string = "Bienvenue";
description:object = {courte:'Description courte', longue:'Description
longue'};
}
Dans le HTML :
{{titre}}
{{description.courte}}
Héritage & composants
Un composant peut être l'enfant d'un autre composant. Pour ce faire, il suffit de déclarer le sélecteur
de l'enfant dans le HTML du composant parent. Par exemple, dans le template HTML
du composant parent :
Le template du composant enfant sera affiché dans le composant parent.
Envoyer des données à un enfant avec @Input()
Des valeurs peuvent être échangées entre le composant parent et l'enfant en utilisant les décorateur
@Input().
Déclaration d'une variable input dans le composant parent :
@Input()
titre:string="Bienvenue";
Déclaration d'une variable dans le composant enfant :
titreEnfant:string;
23