AngularJSフォームの入力時に入力を送信

Question

送信ボタンをクリックする代わりに、入力プレスで入力を完了または送信しようとしています。純粋に指令による可能性はありますか？または、JSを追加する必要がありますか？ここで

は私の入力です：

<input type="text" ng-model='main.input' placeholder='some text' required=''/> 

Answer 1

使用入力のng-keyupネイティブディレクティブと、フォーム上のng-submitを起動：

<form ng-submit="submitFunc()"> 
    <input type="text" ng-model='main.input' placeholder='some text' required='' ng-keyup="$event.keyCode == 13 && submitFunc()"/> 
</form> 

Answer 2

あなたのを提出するNG-提出を使用することができますフォーム上ボタンをクリックして入力。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script> 
 
<script> 
 
    angular.module('submitExample', []) 
 
    .controller('ExampleController', ['$scope', 
 
     function($scope) { 
 
     $scope.text = 'hello'; 
 
     $scope.submit = function() { 
 
      if ($scope.text) { 
 
      $scope.enterText = this.text; 
 
      $scope.text = ''; 
 
      } 
 
     }; 
 
     } 
 
    ]); 
 
</script> 
 
<div ng-app="submitExample"> 
 
    <form ng-submit="submit()" ng-controller="ExampleController"> 
 
    Enter text and hit enter: 
 
    <input type="text" ng-model="text" name="text" /> 
 
    <input type="submit" id="submit" value="Submit" /> 
 
    <pre>list={{enterText}}</pre> 
 
    </form> 
 
</div>