Dev Faq
0
votes

appeler la méthode des composants enfants en angulaire 6

J'essaie d'appeler le composant enfant Menthod à partir du fichier TS parent, mais je ne parviens pas à appeler. Obtenir une erreur ne peut pas lire la propriété 'DOSMATHIAT "de non défini. 

<span class="glyphicon glyphicon-plus addBack" title="Add new booking" (click)=" openActionModal(GridActions, $event, null, 'add')"
      style="float: right;margin-right: 10px;margin-top: 18px;"></span>

<ng-template #GridActions>
    <div class="modal-header">

      <button type="button" class="close pull-right" aria-label="Close" (click)="openConfirmationModal(EditConfirmation)">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    <div class="modal-body">
      <app-add #child *ngIf="showModalAdd"> </app-add>
    </div>

  </ng-template>

4 commentaires

Aidez-moi s'il vous plaît avec cela, je suis nouveau à angulaire.

Consultez mon Stackblitz Stackblitz.com/edit/angular-fxtbhu

Dupliqué possible de Appelez une méthode de la composante enfant

Avez-vous importé Ajout du sélecteur dans votre fichier de modèle de composant parent?

3 Réponses :

-1
votes

Avez-vous fait la référence dans le HTML / Modèle? Vous devez faire une référence de modèle pour appeler le sélecteur de votre addComponent, votre sélecteur AddComponent est ajouté. Alors, appelez ceci comme ci-dessous dans HTML / Modèle - P> 

<add-component #child></add-component>

1 commentaires

OP appelle comme @viewchild (addComponent) donc pas besoin de définir une variable de modèle telle que #child . Il est nécessaire lorsque vous appelez comme @viewchild ("enfant", {lu: addComponent})

0
votes

Vous pouvez le faire en utilisant @viewchild xxx

à l'aide de sélecteur de chaîne xxx

espoir que cela aidera

0 commentaires
0
votes

Je pense que vous avez oublié d'ajouter un sélecteur de composant enfant dans votre fichier de modèle parent.

parent.component.html xxx

parent.component.ts xxx

add.component.ts xxx < p> J'espère que cela résoudra votre problème!

3 commentaires

J'appelle la vue enfant dans la popup modale de bootstrap, je l'ai ajoutée mais cela ne fonctionne pas.

Déclarez la variable de référence dans Template Modal Tag et @ViewChild ('RéférenceVäname') Enfant: AddComponent; Ajouter ici

Je l'ai dit mais il ne fonctionne toujours pas s'il vous plaît vérifier que j'ai ajouté le code de fichier HTML dans la question

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Erreur de compilation angulaire: NG6001: la classe est répertoriée dans les déclarations du NgModule 'AppModule', mais n'est pas une directive, un composant ou un tube
erreur NG6002: apparaît dans le NgModule.imports d'AppModule, mais n'a pas pu être résolu en une classe NgModule
[ng update]: Erreur - Le package "@ angular-devkit / schematics" ne peut pas être résolu à partir du répertoire racine de l'espace de travail