前端之家收集整理的这篇文章主要介绍了
angularjs ng-submit,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
介绍@H_403_2@
http://docs.ngnice.com/api/ng/directive/ngSubmit
ng-submit 指令用于在表单提交后执行指定函数。
语法@H_403_2@
<form ng-submit="expression"></form>
<form> 元素支持该属性。
参数值@H_403_2@
expression 表单提交后函数将被调用,或者一个表达式将被执行,表达式返回函数调用。
例子@H_403_2@
<!doctype html> <html lang="en"> <head> <Meta charset="UTF-8"> <title>Example - example-example32-production</title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.17/angular.min.js"></script> </head> <body ng-app=""> <script> function Ctrl($scope) { $scope.list = []; $scope.text = 'hello'; $scope.submit = function() { if ($scope.text) { $scope.list.push(this.text); $scope.text = ''; } }; } </script> <form ng-submit="submit()" ng-controller="Ctrl"> Enter text and hit enter: <input type="text" ng-model="text"/> <input type="submit" /> <pre>list={{list}}</pre> </form> </body> </html>
当执行回车或点击提交input时,都会执行submit()方法,向list中添加数据。