HTML динамическая функция data-ng-click не работает

Question

Я пытаюсь получить функциональность data-ng-click (кнопка создается динамически), но она не работает, может ли кто-нибудь помочь мне в этом?

var table = document.getElementById("dashboard");
for( var i = 0; i < $scope.namesOfMembers.length; i++ ){
   var row = table.insertRow(2);
   var cell1 = row.insertCell(0);
   var cell2 = row.insertCell(1);
   var cell3 = row.insertCell(2);
   var cell4=row.insertCell(3);
   cell1.innerHTML = namesOfMembers[i];
   cell2.innerHTML = paidOrNot[i];
   cell3.innerHTML=amountPaid[i];

   var amtBox = '<input type="text" size="20" style="height: 23px" data-ng-model="amountBox" />';
   angular.element(cell4).append((amtBox));

   var updBtn = '<input id="updateAmount" type="button" value="UPDATE" data-ng-click="showDashBoard()" />';
   angular.element(cell4).append((updBtn));

Answer 1

это полу-рабочий пример того, как заставить работать кнопку

https://plnkr.co/edit/B7luwA4q49SyY7AjRDbT?p=preview

Строка, о которой идет речь:

  $compile(table)($scope);

Будут и другие вещи, которые вам нужно будет сделать, исходя из предположения, что каждое поле ввода используется для обновления определенного количества членов, вам нужно будет изменить их модели, чтобы разделить их.

Если вы делаете это для обработки трех разных массивов, поддерживающих все данные, было бы не лучше объединить данные в нечто вроде:

{ name: 'name', isPaid: true, payment: 25.00 }
enter code here

чтобы вы могли воспользоваться ng-repeat, упорядочением и фильтрацией?