Discussion :

[olivier252]

Bonjour,

Je dois appeler un formulaire de 2 endroits différents,
j'ai donc entrepris de créer un component dédié au formulaire pour pouvoir l'injecter dans les 2 autres compnents où j'en ai besoin. Le soucis c'est que je j'appelle 2 méthodes différentes
à la soumission selon l'endroit où j'appelle le formulaire.
En fait je voudrais faire un "ngIf" qui me permettrait d'appeler la méthode A à la soumission dans le cas où je suis dans le composant A, sinon appeler la méthode B dans le cas où je suis dans le component B
Est-ce possible avec une directive ngIf ?

Merci

[krakatoa]

il y a plusieurs techniques, la plus simple:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
 <app-child [function]="fn"></app-child>
...
...
export class PArentAComponent {
 
  fn = function() {
    console.log('hello A');
  };
}

Code :

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

1
2
3
4
5
6
7
8
9
10
 
 <app-child [function]="fn"></app-child>
...
...
export class PArentBComponent {
 
  fn = function() {
    console.log('hello B');
  };
}

Code :

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

1
2
3
4
5
6
7
8
9
 
export class ChildComponent implements OnInit {
 
  @Input() function: any;
 
 ngOnInit() {
       this.function();
 }
}

[olivier252]

Merci beaucoup, j'étais loin du compte avec ngIf...

[olivier252]

Du coup juste une petite précision, si tu as une variable dans ta fonction déclarée dans un des compnents parents comme ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<app-child [function]="fn"></app-child>
...
...
export class PArentBComponent {
 myNumber: number;
 
  fn = function() {
   this.myNumber = 10;
console.log(myNumber);
  };
}

Doit-on créer également un @Input sur myNumber pour la récupérer dans le component enfant ?

[krakatoa]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<app-child [function]="fn(value)"></app-child>
...
...
export class PArentBComponent {
 
  fn = function(value) {
 
console.log(value);
  };
}

[olivier252]

Je te remercie (un peu tard)..