2016-10-31 3 views
1

postopenpostclose 이벤트를 작동 시키려고하는데 행운이없는 것 같습니다.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에서 설명한다 : 나는 초기화하는 동안 그 이벤트를 활용하는 방법에 대한 좋은 대답을하지 않지만

+1

문서에 따르면 선택 사항입니다. 초기화하는 동안에 만 작동합니다. init 이후에 시도한다면 인라인 선언을 사용하여 작동하지 않습니다. 항목에 이벤트 리스너를 추가하는 것이 좋습니다. – Munsterlander

+0

초기화하는 동안 어떻게 사용하는지 이해할 수 없습니다. 인라인 선언은 초기화하는 동안 인라인 선언을 수행하는 방법이라고 생각했습니다. 더 자세한 정보를 제공 할 수 있습니까? – toraman

+1

Angular를 사용하지 않는 것에 대해 사과드립니다.하지만 바닐라 예를 만들었습니다. 사용법을 분명히하는 데 도움이되기를 바랍니다. https://codepen.io/anon/pen/rWNvXL?editors=1011 – Munsterlander

답변

관련 문제