1
postopenイベントとpostcloseイベントを有効にしようとしていますが、運がないようです。オンスクリーンUIのオンスプリッタ側のイベントが機能しない
私はここでの指示に従ってください：
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