0

私はいくつかのページを持つ 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 を他のファイルに抽出し、他のすべてのページにインクルード/インポートしたいと考えています。誰かがこれを行う方法を教えてもらえますか?

4

1 に答える 1