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