Как остановить отрпавку формы по enter в Angular?

Question

[PapaDjo]

Я знаю как это сделать, но меня интересует как это сделать красиво в рамках ангуляра

Answer 1

[Андрей]

Вопрос конечно расплывчат, ибо где будет нажиматься enter и т.д.
у меня сделано в некоторых проектах так (для input)

<input autocomplete="off" ng-keyup="$event.keyCode == 13 && saveNew($index, prop.id)" name="modelSelected" placeholder="Введите имя свойства" type="text" ng-model="prop.selected">

Надеюсь Вы спрашивали об этом..
а если форма большая то у меня настроена сохранение по CTRL+S или CMD+S

Comments

[PapaDjo]

Тут вы написали как отправить форму по ng-keyup по enter а мне надо исключить enter

Answer 2

[Сергей Протько]

красиво - сложный вопрос.... Красиво эта проблема решена в Angular2, с использованием observable и т.д.

А для 1.x можно пользоваться параметром timeout у запроса:

var canceler = $q.defer();
$http.post('/someUrl', {timeout: canceler.promise})
  .then(
    response => successCallback(response),
    reason => failCallback(reason)
);
canceler.resolve();

Comments

[PapaDjo]

Не могу понять ваш способ

[Сергей Протько]

PapaDjo: не могу понять ваш вопрос. Вот это способ "отмены" отправленного запроса. Либо я просто вас не понял.

Если же вы хотите что бы по enter не происходил сабмит формы, ну так... не сабмитте ее. Повесьте там обработчик и делайте return false если хотите.