1

我正在尝试使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属性一样。

4

1 回答 1

1

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

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

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

于 2016-11-04T16:19:58.890 回答