Onsen UI ons-splitter-side 事件不起作用

Question

我正在尝试让 postopen 和 postclose 事件正常运行，但我似乎没有任何运气。

我按照这里的说明操作：

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 属性一样。

Answer 1

虽然我对如何在初始化期间利用这些事件没有很好的答案，但您可以使用事件侦听器访问它们，例如：

document.getElementById('menu').addEventListener('preopen',function(e){
  console.log('preopen event');
});

这在代码笔中得到了证明：https://codepen.io/anon/pen/rWNvXL?editors=1011

Onsen UI ons-splitter-side 事件不起作用

Onsen UI ons-splitter-side events don't work

javascript

angularjs

onsen-ui2