上一节:
下一节:

  AngularJS ng-submit 指令

  • 定义和用法

    ng-submit 指令指定提交表单时要运行的函数。
    如果表单没有动作，则 ng-submit 将阻止提交表单。

  • 语法

    <form ng-submit="expression"></form>
    仅由<form>元素支持该指令

  • 参数

    参数 必需的 描述
    expression 是 提交表单时要调用的函数，或要求值的表达式，应返回函数调用。

  • 示例

    下例演示了提交表单后运行一个函数： 
    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎来到蝴蝶教程</title>
<script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
</head>
<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>
</html>
    尝试一下

  • 相关页面

返回 AngularJS 参考手册
上一节:
下一节: