Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在ng重复间隔内应用数组中新添加的对象?_Javascript_Angularjs_Intervals - Fatal编程技术网

Javascript 如何在ng重复间隔内应用数组中新添加的对象?

Javascript 如何在ng重复间隔内应用数组中新添加的对象?,javascript,angularjs,intervals,Javascript,Angularjs,Intervals,假设以下场景:首先单击cont按钮,然后添加,如何在计数函数中应用数组中新推送的对象,以便它在ng repeat中显示为最后一个 更新的工作示例: var-app=angular.module('app',[]); 应用程序控制器('homeCtrl',函数($scope,$interval){ $scope.tabs=[{ 名称:“一”, 主动:正确 }, { 姓名:“两个”, 活动:错误 }, { 姓名:"三",, 活动:错误 }]; $scope.add=函数(){ $scope.tab

假设以下场景:首先单击
cont按钮,然后
添加
,如何在计数函数中应用数组中新推送的对象,以便它在
ng repeat
中显示为最后一个

更新的工作示例:

var-app=angular.module('app',[]);
应用程序控制器('homeCtrl',函数($scope,$interval){
$scope.tabs=[{
名称:“一”,
主动:正确
}, {
姓名:“两个”,
活动:错误
}, {
姓名:"三",,
活动:错误
}];
$scope.add=函数(){
$scope.tabs.push({
姓名:“在柜台上显示我”,
活动:错误
});
};
$scope.count=函数(){
var i=0;
var区间;
$interval.cancel(interval);
interval=$interval(函数(){
i=i%$scope.tabs.length;
$scope.tabs[i].active=false;
我++
$scope.tabs[i].active=true;
console.log($scope.tabs.length,i)
如果(!($scope.tabs.length-1>i))$interval.cancel(interval);
}, 2000);
}
});

{{tabs}}

添加 计数
当前,当您调用
$interval
服务时,您正在兑现
$scope.tabs.length

如果要显示在调用
count
后添加的项目,必须检查interval函数中的数组长度,例如:

interval = $interval(function() {
  if ($scope.tabs.length-1 > i) {
   ...
  } else {
   $interval.cancel(interval);
  }

}, 2000);