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事件不起作用

1 个答案: