forループ内のAngularJS $タイムアウト

Question

私はSPAのタスク処理タイプを構築しようとしています。アイデアは10ステップあります。ユーザーがsubmitをクリックすると、サービスがプロセスを開始するために呼び出され、UIは待機します。応答が得られると、失敗の成功のためにスタイルが適用されます。とにかく、今、私はこの動作をモックしようとしていると、私は角度の正しい、特に$タイムアウトで得ることができない。私のコードは以下の通りであり、私がAngularを理解しようとしている単純化された例については、それを試してみてください。

;function(angular) { 
'use strict' 

    angular.module("workApp", []) 
    .controller ("TaskController", function ($routeParams, workService, $timeout, $scope) { 
    var tc = this; 

    // These will be used in the view to flip the CSS to the appropriate color for success or failure 
    tc.step_0_status = "ready"; 
    tc.step_1_status = "ready"; 
    tc.step_2_status = "ready"; 

    // trying this out, by storing my functions in a array, b/c I will have other uses in the end for this array. 
    var func_array = [ 
     function(){step_0}, 
     function(){step_1}, 
     function(){step_2} 
    ] 

    // This is where I am misunderstanding $timeout I guess. I simply want the loop to sleep for 3 seconds, before the next function is called. 
    $scope.startTasks = function results() { 
    for(var x = 0; x < func_array.length; x++) { 
     **$timeout(func_array[x](),3000);** 
    } 

    } 

    var step_0 = function() { 
    tc.step_0_status = "running" 
    } 

    var step_1 = function() { 
    tc.step_0_status = "completed"; 
    tc.step_1_status = "running"; 
    } 

    var step_2 = function() { 
    tc.step_1_status = "completed"; 
    tc.step_2_status = "failed"; 
    } 


} 
})(window.angular); 

Answer 1

あなたが欲しいの睡眠法の作成に$intervalを使用することができます：$ [ちょうどあなたが使用する必要がある。この場合には、それ