Monaca + Onsen UI でページを複数のファイルで管理したい

Question

Monaca + Onsen UIでアプリ開発を勉強しております。
画面遷移に下記のような書き方でページ遷移をする方法は分かりましたが、この書き方では同じファイル内にtemplateタグを記述する必要があるようで、どんどんファイルが肥大化してしまう気がしています。

<ons-list-item tappable onclick="document.querySelector('#navigator').pushPage('page')">リンク</ons-list-item>

ページを複数のファイルで管理したいのですが、何か良い方法はございますでしょうか？

Answer 1

以下のテンプレートの場合、page1.html、page2.htmlと一つ一つのファイルで管理することができます。

<template id="page1.html">
  <ons-page id="page1">
    :
    :
    :
  </ons-page>
</template>

<template id="page2.html">
  <ons-page id="page2">
    :
    :
    :
  </ons-page>
</template>

page1.html

<ons-page id="page1">
  :
  :
  :
</ons-page>

page2.html

<ons-page id="page2">
  :
  :
  :
</ons-page>

Comments

[marksan]

ご回答ありがとうございます！
各htmlには複数のpageを記述しても良いのでしょうか？？

[otak-lab]

1ファイル1ページのみです。

[marksan]

ありがとうございます、大変勉強になりました。
作り進めてみたいと思います。