如何在ui的末尾追加一个按钮--在angularjs中动态选择并注册一个click事件

<div id="buttonContainer"></div>

$scope.buttonClick = function() {
  // 处理按钮点击事件的逻辑
};

$scope.showButton = false;

$scope.$watch('showButton', function(newValue, oldValue) {
  if (newValue) {
    addButton();
  }
});

function addButton() {
  var buttonContainer = document.getElementById('buttonContainer');
  var button = document.createElement('button');
  button.innerHTML = '点击按钮';
  button.addEventListener('click', $scope.buttonClick);
  buttonContainer.appendChild(button);
}

$scope.showButton = true;