Angularjs 在特定时间间隔(5秒)后添加自动刷新
我有一个页面,其中有多个选项卡。我想添加一个特性,即在固定的持续时间后自动重新加载选项卡。我有以下资料:Angularjs 在特定时间间隔(5秒)后添加自动刷新,angularjs,Angularjs,我有一个页面,其中有多个选项卡。我想添加一个特性,即在固定的持续时间后自动重新加载选项卡。我有以下资料: <uib-tab index="$index + 1" ng-repeat="environmentRegionTab in ctrl.environmentRegionTabs" heading="{{environmentRegionTab.environmentRegionName}}" select="ctrl.onEnvironmentRe
<uib-tab index="$index + 1" ng-repeat="environmentRegionTab in ctrl.environmentRegionTabs"
heading="{{environmentRegionTab.environmentRegionName}}"
select="ctrl.onEnvironmentRegionSelect(environmentRegionTab.id);">
<div class="panel-body tab-content">
<div class="alert alert-success" ng-show="ctrl.deployStatus[ctrl.environmentRegion.name].show">
<strong>Launched deployment with execution id
{{ctrl.deployStatus[ctrl.environmentRegion.name].id}}</strong>
</div>
...................
我无法理解如何添加固定的持续时间?我还想显示一个计数器从5滴答滴答地下降到0,然后重新加载页面。我怎么做?我声明了reload函数,但是我不知道如何添加固定计时器?谢谢 使用angularjs中的
$interval
服务:
$interval(function () {
$scope.reloadRoute();
}, 5000);
(确保将$interval作为依赖项传递给控制器)
使用angularjs中的
$interval
服务:
$interval(function () {
$scope.reloadRoute();
}, 5000);
(确保将$interval作为依赖项传递给控制器)
这里是实现功能的最安全的方法之一 执行刷新的函数:-
var poll = function() {
console.log("polling");
$scope.doRefresh(); // Your refresh logic
};
从StartPollar调用投票:
var startPoller = function() {
if (angular.isDefined(stop)) {
stopPoller();
}
stop = $interval(poll, $scope.intervalTime); //$scope.intervalTime : refresh interval time
};
如果要停止,请执行以下操作:
var stopPoller = function() {
if (angular.isDefined(stop)) {
$interval.cancel(stop);
stop = undefined;
console.log("cancelled poller operation");
} else {
console.log("do nothing");
}
};
这里是实现该功能的最安全的方法之一 执行刷新的函数:-
var poll = function() {
console.log("polling");
$scope.doRefresh(); // Your refresh logic
};
从StartPollar调用投票:
var startPoller = function() {
if (angular.isDefined(stop)) {
stopPoller();
}
stop = $interval(poll, $scope.intervalTime); //$scope.intervalTime : refresh interval time
};
如果要停止,请执行以下操作:
var stopPoller = function() {
if (angular.isDefined(stop)) {
$interval.cancel(stop);
stop = undefined;
console.log("cancelled poller operation");
} else {
console.log("do nothing");
}
};
当前发生的情况是刷新后重定向到主页。正如您从上面的.html中看到的,有多个,我只想刷新选项卡。但是,刷新后,我被重定向到原始主页。每个选项卡是否有单独的控制器?不,我没有。我刚刚有一个函数,我为每个选项卡分配了一个数字id。我迭代它并调用它们。不过谢谢你的帮助。:)当前发生的情况是刷新后重定向到主页。正如您从上面的.html中看到的,有多个,我只想刷新选项卡。但是,刷新后,我被重定向到原始主页。每个选项卡是否有单独的控制器?不,我没有。我刚刚有一个函数,我为每个选项卡分配了一个数字id。我迭代它并调用它们。不过谢谢你的帮助。:)