温泉用户界面 - 不使用Angular JS的可重用HTML片段？

Question

我正在玩Onsen用户界面，并想知道是否有一种方法来定义和包括HTML的片段，而不使用Angular JS时使用Onsen UI？

例如，说我有两个页面：

<ons-template id="page1.html"> 
    <ons-page> 
     <ons-toolbar> 
      <ons-toolbar-button onclick="menu.toggleMenu()"><ons-icon icon="fa-bars"></ons-icon></ons-toolbar-button> 
      <div class="center">Page 1</div> 
     </ons-toolbar> 
     <p>Page 1 content</p> 
    </ons-page> 
</ons-template> 

<ons-template id="page2.html"> 
    <ons-page> 
     <ons-toolbar> 
      <ons-toolbar-button onclick="menu.toggleMenu()"><ons-icon icon="fa-bars"></ons-icon></ons-toolbar-button> 
      <div class="center">Page 2</div> 
     </ons-toolbar> 
     <p>Page 2 content</p> 
    </ons-page> 
</ons-template> 

的<ons-toolbar-button>的定义被复制在两个页面，那么有没有一种机制来定义的代码片段，并注入其多次？

<ons-toolbar-button onclick="menu.toggleMenu()"><ons-icon icon="fa-bars"></ons-icon></ons-toolbar-button> 

我知道，采用了棱角分明这个功能可以使用ngInclude指令来完成，但如果<ons-template>想能以某种方式来做到这一点，而不需要去角？

Answer 1

Onsen UI 1.x基于Angular，因此很难不使用任何操作。

你在找什么是基于Web组件的Onsen UI 2。这意味着它是完全不可知的（独立于平台），可以与任何其他框架结合使用。实际上它是在alpha版本中发布的，但它已经非常稳定，很快就会有beta版本。

如果你想看看温泉UI 2.0，您可以：

• 检查Onsen UI GitHub Repository的最新版本。
• 继快速启动程序：

Quickstart 
$ git clone http://github.com/OnsenUI/onsenui2-quickstart 
$ cd onsenui2-quickstart 
$ npm install && gulp serve