Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.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
Angularjs 在特定时间间隔(5秒)后添加自动刷新_Angularjs - Fatal编程技术网

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。我迭代它并调用它们。不过谢谢你的帮助。:)