คำสั่ง ng-submit ของ AngularJS

คู่มืออ้างอิง 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