javascript - 60 秒后更新 Angular 模型

标签 javascript angularjs angularjs-scope

如何让我的模型在 60 秒后自动更新?

我在 $scope.tweets 中有一个数组,其中包含推文列表。我希望 $scope.currentTweet 每 60 秒从数组中弹出一条推文。

有没有一种特殊的方法可以用 Angular 来做到这一点?

最佳答案

是的,你可以。 AngularJS 为您提供了 $interval。

  1. 将 $interval 注入(inject)您的 Controller 。
  2. 注册它以每 60 秒调用一次更新函数。

示例:

myApp.controller('MyCtrl', ['$scope', '$interval', function($scope, $interval){
    $scope.tweets = [];
    $scope.currentTweet = null;
    var myUpdater = $interval(function(){
        $scope.currentTweet = $scope.tweets.pop();
    }, 60*1000);

    //And you can cancel the interval anytime you want by calling this:
    $interval.cancel(myUpdate);
})

关于javascript - 60 秒后更新 Angular 模型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33381780/

相关文章:

javascript - AngularJS 一次只显示一个列表项

javascript - HTTP.GET 不起作用

css - ionic2 html页面背景色全屏

javascript - 是否有适用于 Angular 2 的实时样式指南生成器,很像适用于 React 的样式指南?

javascript - SharePoint 2013 列表 - 项目上的工具提示

javascript - 单击链接时 Angular 隐藏内容

javascript - 为什么更改姓氏时模型中的全名没有更新?

javascript - 单个元素上具有新/隔离范围的两个属性指令

java - 如何在 web 应用程序中使用复制表单窗口,就像在 google gmail 中复制图像一样

javascript - window.close() 在 Safari 中弹出返回到原始选项卡