Мне нужно ввести задержку в 2 секунды, когда пользователь нажимает кнопку «Сохранить» в угловом

Question

У меня есть следующий код, когда пользователь нажимает кнопку «Сохранить», он ничего не должен делать, а просто изменяет текст этой кнопки для сохранения, а затем делает это отключен. Я достиг этого с помощью двух кнопок и кода контроллера следующим образом.

Проблема заключается в том, что она отображает кнопку сохранения только на секунду, когда я нажимаю на сохранение при загрузке сохраненной кнопки, а затем кнопка сохранения исчезает (просто мерцает), я не хочу, чтобы это произошло , Что не так? Кроме того, как я могу ввести задержку 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); 
}; 

Примечание: вы должны вводить $ таймаут как зависимые пакеты, но setTimeout() также хватает