溫泉用戶界面 - 不使用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