Question

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

以下是我的代码的代码链接：

这里也是我的代码：

 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);
  }
});

当第一次表的代码加载更新时，但是当我点击按钮时没有任何反应！任何人都可以帮助我做到这一点吗？

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>

最后，更改＆＃39;添加＆＃39;推动＆＃39;推动＆＃39;在addTable函数中：

      $scope.typesHash.push(arr);

更新了plunkr：

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

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

1 个答案: