AngularJS ng-submit ディレクティブ

AngularJS リファレンスマニュアル

定義と使用法

ng-submit フォームを送信する際に実行する関数を指定するディレクティブです。

フォームにactionが指定されていない場合、ng-submitはフォームの送信を阻止します。

例

フォームの送信時に実行される関数：

<body ng-app="myApp" ng-controller="myCtrl">
<form ng-submit="myFunc()">
    <input type="text">
    <input type="submit">}}
</form>
<p>{{myTxt}}</p>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
    $scope.myTxt = "あなたはまだ送信をクリックしていない";
    $scope.myFunc = function () {
        $scope.myTxt = "あなたが送信をクリックしました！";
    }
});
</script>
</body>

自分で試してみる

文法

<form ng-submit="expression</form>

受 <form> 要素サポート。

パラメータ

パラメータ 説明
expression フォームを送信するときに呼び出す関数、または計算する表达式は、関数呼び出しを返すべきです。

AngularJS リファレンスマニュアル