Chỉ thị ng-submit của AngularJS

Sách tham khảo AngularJS

Định nghĩa và cách sử dụng

ng-submit Hướng dẫn chỉ thị xác định hàm cần chạy khi nộp biểu mẫu.

Nếu biểu mẫu không có action, ng-submit sẽ ngăn chặn việc nộp biểu mẫu.

Mô hình

Khi nộp biểu mẫu, chạy hàm:

<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 = "Bạn chưa nhấn nút gửi";
    $scope.myFunc = function () {
        $scope.myTxt = "Bạn đã nhấn nút gửi!";
    }
});
</script>
</body>

Thử ngay

Cú pháp

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

Bị <form> Hỗ trợ phần tử.

Tham số

Tham số Mô tả
expression Hàm cần gọi khi gửi biểu mẫu, hoặc biểu thức cần tính toán, biểu thức này nên trả về hàm gọi.

Sách tham khảo AngularJS