美文网首页
angular 定时器(服务)

angular 定时器(服务)

作者: 舟渔行舟 | 来源:发表于2017-08-16 21:14 被阅读0次

    $timeout&$interval对原生Javascript中的setTimeout和޾setInterval进行封装 ᤰ̶
    var app = angular.module('app',[]); فဳୗٖᤈ
    app.controlle('xmgController',['$scope','$timeout','$interval',function ($scope,$timeout,$interva l) {
    $scope.name = 'xmg'; ۓձᤈಗ෸୊
    $timeout(function () { $scope.name="xmg123"; },1000); ۓձᤈಗᳵ෸ਧ೰ᵍ
    var timer = $interval(function () { $scope.dateTime = new Date(); },1000); ࢏෸ਧྊ؊෸ᰵೲڋᅩ
    $scope.stop = function () { alert('aaa'); ؊ྊ೰ਧጱਧ෸࢏ $interval.cancel(timer); } }]); <p>{{name}}</p> <p>{{dateTime | date:'yyyy-MM-dd h:m:s'}}</p> <button ng-click="stop()">؊ྊ</button>

    记住是$timeout&$interval第一个延时第二个循环
    停止循环调用$interval.cancel
    angular中:的面试题
    1/如何停止一个定时器; 调用cancel方法
    2/如何取消数据监听(watch)

    相关文章

      网友评论

          本文标题:angular 定时器(服务)

          本文链接:https://www.haomeiwen.com/subject/vacgqxtx.html