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

Question

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

0

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

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

Learner 28 июль 2016, в 10:00

Источник

Теги:

c#

angularjs

angularjs-scope

angularjs-directive

angular2-directives

2 ответа

Ещё вопросы

Barak · Answer 1 · 2016-07-28T04-45-00.000Z

1

Поскольку вы используете Angular, используйте его функцию time time time.

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

Примечание: вам нужно ввести $ timeout как dependecy, но setTimeout() также будет достаточным

Barak 28 июль 2016, в 04:45

0

Барк, извините, это не сработало, но это сработало ctrl.onClick = function () {$ window.setTimeout (function () {$ scope. $ Apply (function () {ctrl.Status = 'Clicked';}); }, 3000);}
Learner 28 июль 2016, в 07:23
0

Тем не менее, у меня все еще есть проблема с тем, что эта идиотская кнопка сохранения мерцает :( Как остановить это мерцающее нажатие кнопки «Сохранить». Я имею в виду, кнопка «Сохранить» также появляется, когда вы нажимаете кнопку «Сохранить», а затем она исчезает в доли секунды. не хочу этого плохого опыта для пользователя
Learner 28 июль 2016, в 07:24
0

Я предлагаю заглянуть в Angular's ngAnimate . Хотя вы могли бы сделать это, добавив класс, который имеет transition
Barak 28 июль 2016, в 07:36
0

НЕТ Барак, это не удар здесь, а два последовательных нг-ифа. Я пытаюсь сделать это с помощью ng-switch, как это сделать, вы знаете? Тот же код выше в конструкции ng-switch
Learner 28 июль 2016, в 23:30

Показать ещё 2 комментария

Prasad Joshi · Answer 2 · 2016-07-28T04-53-00.000Z

Вы можете использовать setTimeout()

var delay=2000;//2 second

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