Écouter les événements modaux UIkit dans Angular 4 composants

Question

Comment puis-je écouter les événements émis par la boîte de dialogue Modal de UIkit dans mon composant Angular?

Je souhaite exécuter du code lorsque le modal est fermé et que j'ai ajouté (hidden)="onModalHidden()" sur la div modal mais la méthode n'est jamais appelée.

HTML Template

<div id="modal-user-data" uk-modal (hidden)="onModalHidden()"> 
 
    <div class="uk-modal-dialog uk-modal-body uk-overflow-auto"> 
 
    <h4 class="uk-modal-title uk-heading-divider">Header</h4> 
 
    <p>Some Content</p> 
 
    <p class="uk-text-right"> 
 
     <button class="uk-button uk-button-default uk-modal-close" type="button">close</button> 
 
    </p> 
 
    </div> 
 
</div>

Component.ts

onModalHidden() { 
 
    console.log('Never called...'); 
 
}

Je suis à l'aide angulaire 4.4.5 et UIkit 3.

Toute aide/pointeurs serait appréciée.

Answer 1

Je ne les ai jamais utilisés ensemble, mais selon la documentation, vous pouvez utiliser UIkit avec React. N'oubliez pas d'utiliser les attributs data-uk au lieu des attributs uk-only.

De plus UIkit est écrit d'une manière que les composants js sont écrits ces jours-ci. Vous pouvez essayer de les importer avec import * from 'uikit' et voir ce qui se passe. Je voudrais aller de cette façon, et si ce n'est pas assez - se concentrer sur l'installation de composant avec javascript, pas par propriétés de tag.