ng-click在以编程方式添加的按钮上不起作用

Question

我正在尝试动态添加一些按钮（ons-button）。这些按钮按预期显示，但是与它们相关的ng-click从未触发。我对AngularJS下DOM操作的工作方式的理解似乎有问题。

我试图阅读相关的问题，但是大多数问题都在尝试使用指令，因此我想在这里使用简单的方法。

代码如下：

    var module = angular.module("my-app", ["onsen"]);

    module.controller("ListenButtonController", [
      "$http",
      "$scope",
      function($http, $scope) {
      var myList = [];
        $scope.onButtonClick = function(message){
          alert('Button clicked, with the message '+message);
        }

        $scope.onAddButtons = function(newList){
          myList = [...newList];
        }

        }


      }
      ]);

这是HTML：

<ons-page ng-controller="ListenButtonController">
      <ons-button modifier="large" ng-click="onAddButtons(['a','b','c'])">
        Click to test
    </ons-button>
    <ons-button ng-repeat="element in myList" ng-click="onButtonClick(element)"></ons-button>
</ons-page>