title: angularjs directive i want to create a html template with button
body: <pre><code>var ImagesApp = angular.module('Images', []);
  
  ImagesApp.directive('fancybox', function($q, $http, $templateCache) {
    return function(scope, element, attrs) {
      scope.ShowFullImageByClick = function() {
        var el = '&lt;input type="submit" id="comment-btn" class="mybtn" value="Comment" ng-click="AddComment()"&gt;'
        $.fancybox.open(el);
      }
    }
  });
  </code></pre>
  
  <hr>
  
  <pre><code>&lt;div id='full-image-view' style="display: none;" fancybox&gt;
      &lt;div id='full-image-view-left'&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>