如何在每次单击该按钮时更新 table

Question

我有一个项目列表，我想在 table 中显示它们，我有一个按钮，每当用户单击该按钮时，数组就会更新，table 应该更新之后

这是我的代码 link：

这也是我的代码：

 var app=angular.module('app',[]);
 app.controller('table',function($scope){
 alert("ddd");
 $scope.typesHash=[{name : 'sugar', price : 1,unit:1 },
                {name : 'lemon', price : 100,unit:2.5 }];
   $scope.addTable=function(){
    var arr={name : 'meat', price : 200,unit:3.3  };
      $scope.typesHash.add(arr);
  }
});

第一次加载代码时 table 得到更新，但是当我点击按钮时没有任何反应！！！谁能帮助我如何做到这一点？

Answer 1

您需要实际调用函数 clickTable，您的表达不正确。并且您需要删除额外的控制器：

   <div id="clcikbtn" style="background-color:black;width:20px;height:20px;" ng-click="addTable" ng-controller="table"></div>

应该是：

   <div id="clcikbtn" style="background-color:black;width:20px;height:20px;" ng-click="addTable()"></div>

最后，在addTable函数中将'add'改为'push'：

      $scope.typesHash.push(arr);

更新的 plunkr：

http://plnkr.co/edit/un81F5wpnvHr6zNtlFzL?p=preview

如何在每次单击该按钮时更新 table

how to update the table each time that button clicked

angularjs

angularjs-ng-repeat