title: ng-click not working in modal angular js
body: <p>This is the <strong>main modal</strong> code:</p>
  
  <pre><code>&lt;div ng-controller="CorporatePackageDetailsOpen20"&gt;
      &lt;div class="modal-header"&gt;
          &lt;h3 class="modal-title"&gt;Package Detail&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="modal-body" id="packagedetails"&gt;
      &lt;/div&gt;
      &lt;div class="modal-footer"&gt;
          &lt;a class="btn m-b-xs w-xs btn-info" ng-click="getFormForupdate()" style="width:125px !important;"&gt;Update Package&lt;/a&gt;
          &lt;button class="btn m-b-xs w-xs btn-danger" ng-click="cancel()"&gt;Close&lt;/button&gt;
      &lt;/div&gt;
      &lt;div id="addpackageform"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Dynamically HTML</strong> is going to <strong>append</strong> to <strong>addpackageform</strong> div which is in above code. In that, which is dynamically created HTML, i have one button,  here is the <strong>HTML code</strong> for that <code>button</code>:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;div class="col-lg-offset-2 col-lg-10"&gt;
           &lt;button type="button" ng-click="assingSinglePackageToOperator()" class="btn btn-default btn-info"&gt;Add&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In my <code>controller.js</code> file, i have code:</p>
  
  <pre><code>app.controller('CorporatePackageDetailsOpen20', function ($scope) {
      $scope.assingSinglePackageToOperator = function () {    
          var iPackageId = $('#iPackageId').val();
          var dStartDate = $('#dStartDate').val();
          var dEndDate = $('#dEndDate').val();
          var id = $scope.id;   
          console.log(iPackageId);
          console.log(dStartDate);
          console.log(dEndDate);
              return false;
          };
  });
  </code></pre>
  
  <p>When i <strong>click on</strong> <code>Add</code> button, it is not going to console the data. </p>