postopen
및 postclose
이벤트를 작동 시키려고하는데 행운이없는 것 같습니다.ons-on-splitter-side 이벤트가 작동하지 않습니다.
여기 지침을 따르십시오 :
https://onsen.io/v2/docs/angular1/ons-splitter-side.html#event-postclose
그래서 내 코드의 요점은 다음과 같이이다 :
<ons-splitter var="mySplitter" ng-controller="SplitterController as splitter">
<ons-splitter-side ons-postopen="ons.notification.alert(1);" side="left" width="220px" collapse swipeable>
<ons-page>
left
</ons-page>
</ons-splitter-side>
<ons-splitter-content page="home.html"></ons-splitter-content>
</ons-splitter>
<ons-template id="home.html">
<ons-page>
<ons-toolbar>
<div class="left">
<ons-toolbar-button ng-click="mySplitter.left.open()">
<ons-icon icon="md-menu"></ons-icon>
</ons-toolbar-button>
</div>
<div class="center">
Main
</div>
</ons-toolbar>
</ons-page>
</ons-template>
그러나 결과는 더 ons-postopen
없었다 것처럼 아무것도 트리거되지 않습니다이다 속성.
document.getElementById('menu').addEventListener('preopen',function(e){
console.log('preopen event');
});
이이 codepen에서 설명한다 : 나는 초기화하는 동안 그 이벤트를 활용하는 방법에 대한 좋은 대답을하지 않지만
문서에 따르면 선택 사항입니다. 초기화하는 동안에 만 작동합니다. init 이후에 시도한다면 인라인 선언을 사용하여 작동하지 않습니다. 항목에 이벤트 리스너를 추가하는 것이 좋습니다. – Munsterlander
초기화하는 동안 어떻게 사용하는지 이해할 수 없습니다. 인라인 선언은 초기화하는 동안 인라인 선언을 수행하는 방법이라고 생각했습니다. 더 자세한 정보를 제공 할 수 있습니까? – toraman
Angular를 사용하지 않는 것에 대해 사과드립니다.하지만 바닐라 예를 만들었습니다. 사용법을 분명히하는 데 도움이되기를 바랍니다. https://codepen.io/anon/pen/rWNvXL?editors=1011 – Munsterlander