Création d'un composant

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

Pièce jointe 583792

montre nous du code parceque là !

oui desolé c'est un peu lignt:

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

Code:

---

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:

---

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:

---

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)

Pièce jointe 583801

Code:

---

1 2 3

<app-intervention-create [fromOrganization]="fromOrganization"

---

le parent a la variable fromOrganization ?

** faut le comprendre dans ce sens là :

Code:

---

1 2 3 4 5 6

<app-intervention-create [varInput]="var1" ... ... var1 = 'toto';

---

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

**

Code:

---

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:

---

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

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é...