私は、ユーザーが角度

Question

に保存ボタンをクリックすると、ユーザーが保存ボタンをクリックすると、それは何もしないはずです、私は次のコードを持っている2秒の遅延を導入する必要がありますが、先ほど保存にそのボタンのテキストを変更し、それを作ります無効にする。私は以下のように2つのボタンとコントローラコードでこれを達成しました。

問題は、保存されたボタンの読み込み中に保存ボタンをクリックして保存ボタンを表示してから保存ボタンが消える（ちょうどちらつく）ということです。どうしましたか？また、私は2秒の遅延を導入することができますどのようにし、「保存」ボタンが表示されます。

<button type="button" id="saveEnabled" ng-click="ctrl.onClick()" ng-if="ctrl.Status !== 'Clicked'">Save</button> 
    <button type="button" id="saveDisabled" disabled="disabled" ng-if="ctrl.Status === 'Clicked'">Saved</button> 


ctrl.onClick = function() { 
     ctrl.Status = 'Clicked'; 
    }; 

Answer 1

をあなたにしているので、あなたがsetTimeout()

var delay=2000; //2 second

setTimeout(function() { //your code to be executed after 2 second }, delay);

Answer 2

を使用することができます角度、それはネイティブの$timeoutの機能を使用してください

ctrl.onClick = function() { 
$timeout(
    function(){ 
     ctrl.Status = 'Clicked'; 
    }, 2000); 
}; 

注：あなたはdependecyとして$タイムアウトを注入する必要がありますが、setTimeout()も