javascript - AngularJS - 添加每行的重复、不同计数器

Question

抱歉我的英语不好，我是 angularjs 新手

我有一个系统，人们可以将其姓名添加到中断列表中。

我有一个简单的代码。

AngularJS

  function ExampleCtrl($scope){
  $scope.people = [];


  $scope.addPerson = function(){
    var person = {
        name: $scope.name,
    };

    $scope.people.push(person);
  };

   $scope.removePerson = function(index){
    $scope.people.splice(index, 1);
   };


}

HTML

<input type="text" ng-model="name">
<button ng-click="addPerson()"></button>
<tr ng-repeat="person in people">
<td>{{ person.name }}</td>
<td>  </td>
<td><button ng-click="removePerson($index)"></button> </td>

我想要做的是一个计时器，当将一个人添加到列表中时，该计时器从 00:00 开始，并每秒增加一次。对于添加到列表中的每个新人，该行上都会有一个新的 00:00(名字旁边)，并开始计数。 我怎样才能做到这一点，以便每个人都有自己的时间？

编辑:

这是网络应用程序的图片。每次我添加一个新人时，我希望在名字旁边有一个从 00:00 开始并每秒向上移动的计数器。 (红色方 block )

/image/UsE9c.png

Answer 1

function ExampleCtrl($scope, $interval){
  $scope.people = [];


  $scope.addPerson = function(){
    var person = {
        name: $scope.name,
        time: 0
    };

    $scope.people.push(person);
  };

   $scope.removePerson = function(index){
    $scope.people.splice(index, 1);
   };

   $interval(function() {
       angular.forEach($scope.people, function(person) {
           person.time++;
       }
   }, 1000);
}

这是一个例子: http://plnkr.co/edit/aWavvTFMvZVXbn4IDSmx?p=preview