title: How to add HTML contents Dynamically on Button Click Event with AngularJS
body: <p>I need to add HTML content on Button Click event using AngularJS. Is it possible??</p>
  
  <p>My index.html</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;label for="category"&gt; How Many Questions Want You Add ? &lt;/label&gt;
          &lt;div class="col-sm-10"&gt;
              &lt;input type="text" class="form-control input-mini" id="questionNos" name="questionNos" placeholder="Nos." ng-model="myData.questionNos"&gt;
                  &lt;div class="input-append"&gt;
                      &lt;button class="btn-warning btn-mini" type="button" ng-click="myData.doClick()"&gt;Generate&lt;/button&gt;
                  &lt;/div&gt;
          &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to add Nos. of HTML divs as per quantity added dynamically..</p>
  
  <p>myApp.js</p>
  
  <pre><code>angular.module("myApp", []).controller("AddQuestionsController",
              function($scope) {
                  $scope.myData = {};
                  $scope.myData.questionNos = "";
                  $scope.myData.doClick = function() {
                      //Do Something...????
                  };
              });
  </code></pre>