Discussion :

[olivier252]

Bonjour,

Je voudrais savoir quelle est la meilleure solution pour réutiliser un élément du DOM à travers plusieurs composants
Je dois en effet récupérer un form d'un compsant afin de le réinjecter à un endroit complètement différent de mon appli. Je suis entrain de bosser sur le décorateur @viewChild, est-ce que ça serait possible de l'utiliser pour ça ?
Du coup, je me demande aussi comment faire suivre la logique contenu ds ces éléments comme des appels de méthode d'event ou des propriétés liées par databinding définies dans le typescript
merci, je pensais faire des @Input()

[dukoid]

faut plutot voir comme un composant qui contient un formulaire

tu as un exemple ici:
https://stackblitz.com/edit/angular-...o.component.ts

dans l'exemple tu as diffèrent formulaire mais rien ne t'empêche de faire appelle au même composant formulaire plusieurs fois
par exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
<form [formGroup] ="nestedForm" (ngSubmit) = "onSubmit()">
  <app-basic-info formControlName="basicInfo1"></app-basic-info>
  <app-basic-info formControlName="basicInfo2"></app-basic-info>
  <app-basic-info formControlName="basicInfo3"></app-basic-info>
...
...
public nestedForm: FormGroup = new FormGroup({
  basicInfo1: new FormControl(""),
  basicInfo2: new FormControl(""),
  basicInfo3: new FormControl("")
});

[olivier252]

Ok merci bcp, je suis parti comme ça effectivement. Mais du coup je ne saisis pas l'enjeu de @ViewChild(), il faut que je prenne le tps de faire un tuto

[krakatoa]

@viewchild permet d'acceder à la vue et au controleur d'un composant
pour la vue, tu peux modifier le css ou le DOM
pour le controleur tu peux accéder aux fonctions et aux propriétés du composant
par exemple, tu as un composant select ... tu fais un viewChild sur le select et tu récupère l'element qui a été sélectionné dans le composant viewchild

mais il faut éviter d'utiliser viewChild

quand on doit modifier le css ou le DOM, il faut toujours privilégié les Directives
l'exemple du select il est préferable de privilégier les communications classiques (output(), par service....)

j'utilise jamais viewchild !

je dirais que viewchild c'est utile quand tu fais des widgets ou tu dois travailler énormement sur le css ou le DOM et donc dans ce cas, c'est pratique

[olivier252]

je n'avais pas vu ta réponse ! Du coup j'ai créé un composant de tte pièce, merci de votre aide