title: ng-click not working in AngularJS
body: <p>I have following two directives. First one (recentisls) creates second one 'issuedesc'</p>
  
  <pre><code>directive('recentisls', function ($compile) {
          return {
              restrict: 'E',
              transclude: true,
              scope: {},
              controller: function ($scope, $element) {
                  $scope.showIsDsc = function () {                    
                      var el = $compile("&lt;issuedesc&gt;&lt;/issuedesc&gt;")($scope);
                      $('body').html(el);
              },
              template: '&lt;div ng-click="showIsDsc()"&gt;&lt;/div&gt;',
          };
      }).
  
  directive('issuedesc', function ($compile) {
          return {
              restrict: 'E',
              transclude: true,
              scope: {},
              controller: function ($scope, $element) {
                  $scope.addcomts = function () {
                      alert("A Hello");                    
                  };
              },
              template: '&lt;input ng-click="addcomts()" type="button" value="Submit Comments"/&gt;,
              replace: true
          };
      })
  </code></pre>
  
  <p>HTML code - </p>
  
  <pre><code>&lt;body&gt;
  &lt;issuedesc&gt;&lt;/issuedesc&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>In browser, above works when we click on buttons created from issuedesc.</p>
  
  <p>But,</p>
  
  <pre><code>&lt;body&gt;
  &lt;recentisls&gt;&lt;/recentisls&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>In browser, above does not work when we click on buttons created from recentisls.</p>