私はいくつかのページを持つ onsen-ui プロジェクトを持っています。これらの各ページに同じナビゲーター コントロールがあります。とにかく、このナビゲーター コントロールをすべてのページから抽出して 1 つのファイルに保持し、このファイルをすべてのページにインポート/インクルードすることはできますか? C# では、UserControl を作成し、この UserControl をすべてのページに含めることができます。Onsen-UIで似たようなものを探しています。
次の点を考慮してください。
<ons-page ng-controller="MyController as myCtrl">
<div class="navigation-bar">
<div class="navigation-bar__left">
<ons-toolbar-button ng-click="myCtrl.back()"><ons-icon icon="fa-chevron-left"></ons-icon></ons-toolbar-button>
</div>
<div class="navigation-bar__center">
My Page
</div>
<div class="navigation-bar__right">
<ons-toolbar-button ng-click="myCtrl.doSomeTask()"><ons-icon icon="fa-cog"></ons-icon></ons-toolbar-button>
</div>
</div>
<ons-scroller>
/*... my page content...*/
</ons-scroller>
</ons-page>
「ナビゲーション バー」の div を他のファイルに抽出し、他のすべてのページにインクルード/インポートしたいと考えています。誰かがこれを行う方法を教えてもらえますか?