如何在angularJs中获取按钮点击时自定义元素的html内容

<button ng-click="getCustomElement()">获取自定义元素</button>
<div custom-element></div>

app.controller('myController', function($scope, $compile) {
  $scope.getCustomElement = function() {
    var customElement = $compile('<div custom-element></div>')($scope);
    var htmlContent = customElement.html();
    console.log(htmlContent);
  };
});

<div ng-controller="myController">
  <button ng-click="getCustomElement()">获取自定义元素</button>
  <div custom-element></div>
</div>