title: Change a div position dynamically in angularjs
body: <p>I have a (complex) toolbar panel which can be on top or bottom of a page (it's configurable). Is there any way to <strong>avoid</strong> copy/paste the toolbar in bottom of the page?</p>
  
  <p>Here is code in copy/paste way:</p>
  
  <pre><code>&lt;div id="topToolbar" data-ng-show="configs.toolbarPosition=='TOP'"&gt;
      &lt;!-- toolbar --&gt;
  &lt;/div&gt;
  
  &lt;div&gt;
      &lt;!-- inner page contents --&gt;
  &lt;/div&gt;
  
  &lt;div id="bottomToolbar" data-ng-show="configs.toolbarPosition=='BOTTOM'"&gt;
      &lt;!-- exactly copy/pasted toolbar --&gt;
  &lt;/div&gt;
  </code></pre>