Question

对不起我的英语和我对angularjs的新手

我有一个系统，所以人们可以将名称添加到休息列表中。

我有一个简单的代码。

Angular JS

  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（名称旁边），并开始计数。我怎样才能做到这一点，这样每个人都有自己的时间？

修改

这是webapp的图片。每次我添加一个新人，我想要一个计数器从00:00开始，并在名称旁边的每个区域向上移动。（红场）

http://i.stack.imgur.com/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

AngularJS - 为每行添加重复，不同的计数器

1 个答案: