实现与angular2

Question

我已经实现在angularjs应用定时器功能如下定时器：

$timeout($scope.startFilling, 30000) 
    $scope.onTimeout = function(){ 

     $scope.counter1--; <= counter1 is initialized to 3 
     mytimeout = $timeout($scope.onTimeout,1000); 

     if($scope.counter1==0){ 
      $timeout.cancel(mytimeout); 
      $scope.counter1=0 
     } 
    } 

    var mytimeout = $timeout($scope.onTimeout,1000); 

我基本上调用一个函数，30秒后，计数器变为30对0和0我取消定时器。

我试图实现它在angular2如下：

start(){ 

     let timer = Observable.timer(3000,1000); 
     this.myCounter = timer.subscribe(t=> this.startFilling(t)); 

    } 

    startFilling(counter){ 

     this.counter1=--counter; 
     if(this.counter1==0){ 

     this.myCounter.unsubscribe(); 
    } 

    } 

但是，这并不完全正确的工作。我绑定counter1（初始化为3）在我的模板上。 start()功能被称为按钮点击，并且一旦被调用，我想将计数器1从3减少到0，3秒后我想调用startFilling()函数。我该怎么做？

Answer 1

从计数器减去一个，取消订阅，当它到达0：

tickerFunc(tick){ 
    this.counter1 = this.counter1 - 1; 

    if(this.counter1==0){ 

     this.counter.unsubscribe(); 
    } 
    } 

Demo

Answer 2

该计数器为0，因此您将counter1设置为-1，然后为0.在订阅中，每次在计数器1上递减1可能更容易。