Angular 4コンポーネントのUIkitモーダルイベントを聞く

Question

AngkitコンポーネントのUIkitのModalダイアログから放出されたイベントをどのように聞くことができますか？

モーダルが閉じられていて、モーダルdivに(hidden)="onModalHidden()"を追加しましたが、メソッドが呼び出されていないときにコードを実行します。

HTMLテンプレート

<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...'); 
 
}

私はアンギュラ使用しています4.4.5およびUIkit 3を参照してください。

助けてください/ポインタがありがとう。

Answer 1

私はそれらを一緒に使用したことはありませんが、ドキュメンテーションによれば、ReactでUIkitを使用できます。 uk-only属性の代わりにdata-uk属性を使用することを忘れないでください。

また、UIkitは、最近jsコンポーネントが記述されている方法で記述されています。あなたはimport * from 'uikit'でそれらをインポートし、何が起こるか見ることができます。私はこのようにして、それが十分でない場合 - タグのプロパティではなく、javascriptでコンポーネントを起動することに焦点を合わせます。