submit form с помощью клавиши Enter с помощью angular.js

Question

Мне нужна помощь. Мне нужно отправить форму, когда пользователь нажмет клавишу ввода, используя Angular.js. Я объясняю свой код ниже.

<form name="billdata" id="billdata" enctype="multipart/form-data" novalidate> 
    <div id="SHOWDATA"> 
     <div id="transactionsPortlet" class="panel-collapse collapse in"> 
      <div class="portlet-body"> 
       <div class="totalaligndiv"> 
        <div class="col-md-6"> 
         <div class="input-group bmargindiv1 col-md-12"> 
          <span class="input-group-addon ndrftextwidth text-right" style="width:180px">Subject Type:</span> 
          <input type="text" name="shortname" id="resourcesub" class="form-control" placeholder="Add Your Subject Type " ng-model="subject" ng-keypress="clearField('resourcesub');"> 
         </div> 
        </div> 

        <div class="col-md-6"> 
         <div class="input-group bmargindiv1 col-md-12"> 
          <span class="input-group-addon ndrftextwidth text-right" style="width:180px">No of Classes:</span> 
          <select class="form-control" id="resourceperiod" ng-model="period" ng-change="removeBorder('resourceperiod',subject);"> 
           <option value="">Select Class</option> 
           <option value="1">1</option> 
           <option value="2">2</option> 
           <option value="3">3</option> 
          </select> 
         </div> 
        </div> 

        <div class="clearfix"></div> 
        <div style="text-align:center; padding-top:10px;"> 
         <input type="button" class="btn btn-success" ng-click="addClassData();" id="addProfileData" ng-value="buttonName" /> 
         <input type="button" class="btn btn-red" ng-click="cancelClassData();" id="cancelProfileData" ng-value="cancelbuttonName" ng-show="showCancel" /> 

        </div> 

        <div class="clearfix"></div> 

       </div> 
      </div> 
     </div> 
    </div> 
</form> 

Здесь мне нужно, если пользователь нажимает клавишу ввод с из предоставления каких-либо данных, проверяющие будет пользователь display.If поджимает ввести ключ, предоставляя все данные формы будет submit.Now я могу делать операции, нажав кнопка, но здесь мне нужны оба. Пожалуйста, помогите мне.

Answer 1

Вы можете поставить нг-представить, как:

<form name="billdata" id="billdata" enctype="multipart/form-data" novalidate ng-submit="addClassData();"> 

или если вы хотите сохранить его кнопку вместо представить buttton чем ниже директивы может помочь вам.

angular.module('NgEnter', []) 
    .directive('ngEnter', function() { 
     return function(scope, element, attrs) { 
      element.bind("keypress", function(e) { 
       if(e.which === 13) { 
        scope.$apply(function(){ 
         scope.$eval(attrs.ngEnter, {'e': e}); 
        }); 
        e.preventDefault(); 
       } 
      }); 
     }; 
    }); 

и чем назвать эту директиву

<form name="billdata" id="billdata" enctype="multipart/form-data" novalidate ng-enter="addClassData();">