title: While doing ng-include, how can I insert html into included view?
body: <p>BaseView.html</p>
  
  <pre><code>&lt;div id='baseViewConent'&gt;
      &lt;span&gt;some content&lt;/span&gt;
      &lt;div id='someWhere'&gt;&lt;/div&gt;
      &lt;span&gt;some other content&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>SomeView.html</p>
  
  <pre><code>&lt;div id='someViewContent'&gt;
      &lt;button id='button2'&gt;button2&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I include baseView in SomeView:</p>
  
  <pre><code>&lt;div ng-include="'BaseView.html'"&gt;&lt;/div&gt;
  &lt;div id='someViewContent'&gt;
      &lt;button id='button2'&gt;button2&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It becomes:</p>
  
  <pre><code>&lt;div id='baseViewcontent'&gt;
      &lt;span&gt;some content&lt;/span&gt;
      &lt;div id='someWhere'&gt;&lt;/div&gt;
      &lt;span&gt;some other content&lt;/span&gt;
  &lt;/div&gt;
  &lt;div id='someViewContent'&gt;
      &lt;button id='button2'&gt;button2&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But I want: insert someViewContent into  someWhere in BaseView.html</p>
  
  <pre><code>&lt;div id='baseViewcontent'&gt;
      &lt;span&gt;some content&lt;/span&gt;
      &lt;div id='someWhere'&gt;&lt;!--between here!--&gt;
          &lt;div id='someViewContent'&gt;
              &lt;button id='button2'&gt;button2&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;&lt;!--and here--&gt;
      &lt;span&gt;some other content&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How will it be done?</p>
  
  <p>I could have some idea from this <a href="https://stackoverflow.com/questions/16496647/replace-ng-include-node-with-template">Q&amp;A</a>
  but can't figure out.</p>
  
  <p><strong>Note</strong>: I don't want to include SomeView.html into BaseView.html because BaseView.html used multiple times</p>
  
  <p>I mean:</p>
  
  <p>SomeOtherView.html</p>
  
  <pre><code>&lt;div id='someOtherViewContent'&gt;
      &lt;button id='button3'&gt;button3&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>after desired operation, it would become:</p>
  
  <pre><code>&lt;div id='baseViewcontent'&gt;
      &lt;span&gt;some content&lt;/span&gt;
      &lt;div id='someWhere'&gt;
          &lt;div id='someOtherViewContent'&gt;
              &lt;button id='button3'&gt;button3&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;span&gt;some other content&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>