Discussion :

[olivier252]

Bonjour,
Je viens vous voir pour un truc tout bête aujourd'hui, j'ai créé un composant en utilisant la commande ng g c truccomponent et lorsque j'essaie de l'utiliser, j'ai l'impression qu'il ya un problème.
Le binding des variables d'input ne se fait pas alors que tout est ok. D'autre part, lorsque je commence à taper le nom du compo dans une balise, je n'ai pas le petit A d'angular d'affiché à coté. Voici une photo , il s'agit du comosant surligné
"intervention-create"
merci à vous

[krakatoa]

montre nous du code parceque là !

[olivier252]

oui desolé c'est un peu lignt:

Dans le composant intervention-create (celui que j'ai créé) qui est enfant j'ai ceci :

Code :

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

1
2
3
4
5
6
 
export class InterventionCreateComponent implements OnInit {
  @Input() nodeId;
  @Input() fromOrganization;
  @Input() createIntervention;
..................................

ces variables d'input() sont dans le composant parent au niveau typescript comme ceci (ce sont également des inputs récupérés d'un autre parent :

Code :

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

1
2
3
4
 
export class AnomaliesGeneralComponent implements OnInit {
  @Input() nodeId: number;
  @Input() fromOrganization: boolean;

Enfin le html parent où l'erreur se produit (sans que rien ne soit souligné dans l'ide webstorm)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
p-dialog
  id="createIntervention"
  [header]="'BUSINESS.INTERVENTION.CREATE' | translate"
  [(visible)]="createIntervention"
  [responsive]="true"
  showEffect="fade"
  (onHide)="businessTree.createIntervention = false;"
  [modal]="true"
  [width]='800'
  class="create-intervention-dialog"
  [style]="{'text-align': 'initial'}">
 
  <app-intervention-create
    [fromOrganization]="fromOrganization"
    [selectedNode]="node"
    [interventionOrRound]="'intervention'"
    [businessMembers]=null
    [userRight]=null
    [organizationId]="organizationId"
    [fromAnomaly]="true">
  </app-intervention-create>
</p-dialog>

Et enfin la réponse de l'inspecteur pour la variable "fromOrganization" par exemple, mais la même erreur se répète sur la plupart des autres variables(sauf celles qui sont affectées en dur)

[krakatoa]

Code :

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

1
2
3
 
  <app-intervention-create
    [fromOrganization]="fromOrganization"

le parent a la variable fromOrganization ?

** faut le comprendre dans ce sens là :

Code :

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

1
2
3
4
5
6
 
  <app-intervention-create
    [varInput]="var1"
...
...
var1 = 'toto';

var1 est envoyé dans le input de app-intervention-create

**

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<p-dialog
...
>
 
  <app-intervention-create
   ...
  >
  </app-intervention-create>
</p-dialog>

c'est normal que la balise <app-intervention-create> se retrouve dans la balise <p-dialog> ?

l'imbrication ne se fait pas de cette manière, pour info elle se fait comme ça :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
#app.component.html
____
<app-child></app-child>
____
 
#app-child.component.html
___
child work's !
___

le parent: app.component
l'enfant: app.child

[olivier252]

Bah, je suis un boulet, je viens de voir qu'il y avait une coquille (?) dans la syntaxe du selector de mon compo, franchement ttes mes excuses de t'avoir dérangé...