title: data-ng-click does not work when element html is set from custom directive
body: <p>I have a custom directive to show contents when depending on if it is marked special:-</p>
  
  <pre><code>    myApp.directive('actionSpace', function() {
      //define the directive object
      var directive = {};
  
      //restrict = E, signifies that directive is Element directive
      directive.restrict = 'E';
  
      directive.link = function(scope, elem, attr) {
          console.log(scope.typeEv);
          if(attr.special == "1") {
              elem.html("");
          } else {
              elem.replaceWith('&lt;div class="event-list-control"&gt;&lt;button class="event-action-btn" data-ng-click="whoWas()"&gt; '+
                          '&lt;i class="fas fa-edit"&gt;&lt;/i&gt;' +
                          '&lt;/button&gt;&lt;button class="event-action-btn" data-ng-click="tellMe()"&gt;' +
                          '&lt;i class="fas fa-trash-alt"&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;');
          }
      }
      return directive;
      });
  </code></pre>
  
  <p>I can see in console directive's parent scope is available (its printing one of the variables), but data-ng-click does not work.</p>