title: how to append div into one div using angularjs
body: <pre><code> &lt;div data-ng-controller="maincontrol"&gt;
     &lt;div class="main"&gt;
     &lt;/div&gt;
    &lt;button data-ng-click="submit()"&gt;click&lt;/button&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>when i click on click button i want to append one div within main div . i want to append one new div (dynamically)for each and every click .also i want to find whether children div exist or not .</p>
  
  <p>i will do like this in jquery</p>
  
  <pre><code>$('main').append();
  </code></pre>
  
  <p>i will pass div within append();</p>
  
  <p>but how to do by using angular..js ?</p>