AngularJSは、私はこのような非常に簡単なフォームを作っ

をsubmitedされるようにフォームを防止します提出された。AngularJSは、私はこのような非常に簡単なフォームを作っ

フォームにはnovalidate属性を追加しようとしましたが、無意味です。
ng-submitを手動で送信しようとしましたが、動作しません。私はAngularJSのv1.5.8

2016-08-19 Omid

どこに提出しようとしていますか？あなたは 'ng-submit'機能を何に入れようとしましたか？ – Aron

フォームにアクションを追加します。しかし、通常、角型アプリケーションのフォームは、伝統的なWeb 1.0の意味では提出されません。それらは、AJAX要求を通常行うコントローラーのメソッドを呼び出すことによって送信されます。 –

@Aron私は非常に簡単な方法でフォームにしたいです。送信ボタンを押しても機能しません。 – Omid

フォームはフォームを送信するために、先を持っている必要があります。たとえば、次のようなアクション属性の場合：

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <script src="/assets/libs/angular/angular.js" charset="utf-8"></script> 
    </head> 
    <body ng-app="app" ng-controller="myCtrl"> 
     <form method="post" action="/form-destination"> 
      <input type="text" name="name" value="asas"> 
      <input type="submit" name="name" value="Submit"> 
     </form> 
    </body> 
</html>

フォームに送信する宛先は機能しません。

出典

2016-08-19 08:15:20 Aron

を使用してい

あなたは行動が取られるべき角度を伝えるために、コントローラに送信する機能を置く必要があります。そして、その機能を持つ先取特権を作るためにフォームにng-submitを追加します。したがって、送信ボタンをクリックすると、ng-submitの関数が呼び出されます。

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <script src="/assets/libs/angular/angular.js" charset="utf-8"> </script> 
</head> 
<body ng-app="app" ng-controller="myCtrl"> 
    <form ng-submit="submit()"> 
     <input type="text" name="name" value="asas"> 
     <input type="submit" name="name" value="Submit"> 
    </form> 

    <script type="text/javascript"> 
     angular.module('app', []).controller('myCtrl', ['$scope', function($scope){ 
      $scope.submit = function(){ 
       // your submit process 
      } 
     }]); 
    </script> 
</body>

出典

2016-08-19 08:12:15 Qianyue

AngularJSは、私はこのような非常に簡単なフォームを作っ

答えて

関連する問題