如何在指令中重现部分html？

app.directive('reproduceHtml', function() {
  return {
    restrict: 'E',
    template: '<div></div>',
    link: function(scope, element, attrs) {
      // 获取要重现的HTML内容
      var htmlContent = attrs.content;
      
      // 将HTML内容插入到指令的模板中
      element.html(htmlContent);
    }
  };
});

<reproduce-html content="<h1>Hello, World!</h1>"></reproduce-html>