нг подать на выпадающего меню и текстовое поле

Question

Привет У меня есть последующий код:

<form ng-submit="ctrl.commitEdit(sign)"> 
    <input ng-model="sign.Value"> 
    <input ng-model="sign.Date"> 
    <textarea ng-model="sign.Comment"></textarea> 
    <select ng-model="sign.Property"></select> 
    <button type="submit">Save</button> 
</form> 

С моей формой вокруг моих компонентов я пытался сохранить свои изменения в двух направлениях (в моей форме я зову в нг-подать метод от моего контроллера, который сохраняет мои изменения):

• С нажатием на мою кнопку, которая имеет тип «отправить», она вызывает функцию в ng-submit моей формы. Это работает правильно! Он сохраняет
• Затем я также хотел бы сохранить с нажатием «enter» на моей клавиатуре. Вот почему я использовал форму ng-submit с моей кнопкой типа submit. Это работает только тогда, когда я что-то меняю на своих вкладках, и в центре внимания есть! Когда я что-то меняю в своем текстовом поле, и я нажимаю «enter», он делает перерыв. Когда я меняю что-то в своем выпадающем меню и затем нажимаю «enter», он снова открывает выпадающее меню.

Поэтому я хотел бы сохранить с нажатием «enter» всеми способами, на входе, select и textarea. Как я могу это сделать?

Благодаря

Answer 1

Все, что вам нужно сделать, это использовать ngKeyup.

https://docs.angularjs.org/api/ng/directive/ngKeyup

Просто связать его с вводом кода ключа, который 13 и вызвать вашу функцию

Кроме того здесь директивы вы можете реализовать для вашей цели.

app.directive('ngEnter', function() { 
     return function(scope, element, attrs) { 
      element.bind("keydown keypress", function(event) { 
       if(event.which === 13) { 
         scope.$apply(function(){ 
           scope.$eval(attrs.ngEnter); 
         }); 

         event.preventDefault(); 
       } 
      }); 
     };