각도 4 구성 요소의 UIkit 모달 이벤트 수신

Question

내각 구성 요소에 UIkit의 Modal 대화 상자에서 방출 된 이벤트를 수신하려면 어떻게해야합니까?

모달이 닫히고 모달 div에 (hidden)="onModalHidden()"을 추가했지만 메서드가 호출되지 않는 경우 일부 코드를 실행하려고합니다.

HTML 템플릿 내가 각도 사용하고

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

<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 4.4.5 및 UIkit 3.

어떤 도움이나 조언을 부탁드립니다.

Answer 1

필자는 이들을 함께 사용하지 않았지만 설명서에 따르면 React와 함께 UIkit을 사용할 수 있습니다. uk 전용 속성 대신 data-uk 속성을 사용하십시오.

또한 UIkit은 js 구성 요소가 요즘 기록되는 방식으로 작성되었습니다. import * from 'uikit'으로 가져 오기를 시도하고 어떤 결과가 발생하는지 확인할 수 있습니다. 나는이 방법으로 갈 것이고, 충분하지 않은 경우 - 태그 속성이 아니라 자바 스크립트로 구성 요소를 배치하는 데 중점을 둡니다.