[Angular 4] Transmettre un attribut dans un autre composant ?
Bonjour,
je souhaite transmettre lors d'un clique d'un menu une valeur d'attribut dans un composant enfant.
voici ma structure angular:
Code:
app.componement.ts => contact.componement.ts
dans le décorateur contact.componement.html j'ai mis le formulaire de contact:
Code:
<form class="ui form contact" [class.cacher]="isHideContact">
isHideContact à true, le formulaire est caché à false le fomulaire est présent:
Code:
1
2
3
| .cacher{
display:none;
} |
voici mon contact.componment.ts
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| import { Component, OnInit,Input } from '@angular/core';
@Component({
selector: 'app-contact',
templateUrl: './contact.component.html',
styleUrls: ['./contact.component.css']
})
export class ContactComponent implements OnInit {
isHideContact = true; //à false formulaire de contact apparaît
constructor() { }
ngOnInit() {
}
afficheContact(){
this.isHideContact= false; //affiche le formulaire de contact dès qu'on clique sur contact
}
} |
Jusqu'a là cela fonctionne assez bien, dans le composant parent j'ai mis un lien "contact" à cliquer,
je souhaite que si je clique dessus, l'attribut isHideContact soit initialisé à false
Code:
<li class="column" (click)=afficheContact()>Contactez-moi</li>
l'attribut idHideContact n'est accéssible qu'en local, comment s'y prendre pour initialiser cette attribut pour afficher mon formulaire ?
merci de vos réponses :)
