title: onsen ui - Include Files
body: <p>I have an onsen-ui project with several pages. I have the same navigator control on each of these pages. Is there anyway I can extract this navigator control out of all my pages and keep it one file, then import/include this file in all my pages? In C# I can create a UserControl and include this UserControl in all my pages. I'm looking for something similar in Onsen-UI.</p>
  
  <p>Consider the following:
  <code></p>
  
  <pre><code>&lt;ons-page ng-controller="MyController as myCtrl"&gt;
  
      &lt;div class="navigation-bar"&gt;
  
          &lt;div class="navigation-bar__left"&gt;
              &lt;ons-toolbar-button ng-click="myCtrl.back()"&gt;&lt;ons-icon icon="fa-chevron-left"&gt;&lt;/ons-icon&gt;&lt;/ons-toolbar-button&gt;
          &lt;/div&gt;
  
          &lt;div class="navigation-bar__center"&gt;
              My Page
          &lt;/div&gt;
  
          &lt;div class="navigation-bar__right"&gt;
              &lt;ons-toolbar-button ng-click="myCtrl.doSomeTask()"&gt;&lt;ons-icon icon="fa-cog"&gt;&lt;/ons-icon&gt;&lt;/ons-toolbar-button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;ons-scroller&gt;
          /*... my page content...*/
      &lt;/ons-scroller&gt;
  
  &lt;/ons-page&gt;
  </code></pre>
  
  <p></code></p>
  
  <p>The "navigation-bar" div I'd like to extract out to some other file and include/import in all my other pages. Can someone tell me how to do this?</p>