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，排序和过滤功能吗？

HTML动态数据ng-click功能不起作用

1 个答案: