AngularJS基础 ng-submit 指令简单示例


Posted in Javascript onAugust 03, 2016

AngularJS ng-submit 指令

AngularJS 实例

表单提交后执行函数:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/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>

<p>以下实例演示了表单提交后 AngularJS 执行行。</p>

<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
 $scope.myTxt = "你还没有点击提交!";
 $scope.myFunc = function () {
   $scope.myTxt = "你点击了提交!";
 }
});
</script>

</body>
</html>

定义和用法

ng-submit 指令用于在表单提交后执行指定函数。

语法

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

<form> 元素支持该属性。

参数值

描述
expression 表单提交后函数将被调用,或者一个表达式将被执行,表达式返回函数调用。

以上就是对AngularJS jg-submit 指令的基础资料整理,后续继续补充,有需要的学习的朋友可以看下。

Javascript 相关文章推荐
通过修改referer下载文件的方法
May 11 Javascript
javascript FormatNumber函数实现方法
Dec 30 Javascript
PHP开发者必须掌握的6个关键字
Apr 14 Javascript
js上传图片及预览功能实例分析
Apr 24 Javascript
javascript实现的多个层切换效果通用函数实例
Jul 06 Javascript
js实现不提交表单获取单选按钮值的方法
Aug 21 Javascript
bootstrap实现动态进度条效果
Mar 08 Javascript
JS实现的添加弹出层并完成锁屏操作示例
Apr 07 Javascript
js实现字符全排列算法的简单方法
May 01 Javascript
利用node.js实现反向代理的方法详解
Jul 24 Javascript
ElementUI之Message功能拓展详解
Oct 18 Javascript
详解微信小程序中var、let、const用法与区别
Jan 11 Javascript
一个简单的JavaScript Map实例(分享)
Aug 03 #Javascript
AngularJS教程 ng-style 指令简单示例
Aug 03 #Javascript
js判断数组key是否存在(不用循环)的简单实例
Aug 03 #Javascript
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
Aug 03 #Javascript
AngularJS基础 ng-srcset 指令简单示例
Aug 03 #Javascript
js删除Array数组中指定元素的两种方法
Aug 03 #Javascript
AngularJS基础 ng-src 指令简单示例
Aug 03 #Javascript
You might like
风味层面去分析咖啡油脂
2021/03/03 咖啡文化
隐藏X-Space个人空间下方版权方法隐藏X-Space个人空间标题隐藏X-Space个人空间管理版权方法
2007/02/22 PHP
php读取30天之内的根据算法排序的代码
2008/04/06 PHP
PHP 中提示undefined index如何解决(多种方法)
2016/03/16 PHP
PHPMailer发送邮件
2016/12/28 PHP
php抽象方法和普通方法的区别点总结
2019/10/13 PHP
JQuery Tips(2) 关于$()包装集你不知道的
2009/12/14 Javascript
javascript中的array数组使用技巧
2010/01/31 Javascript
JavaScript和ActionScript的交互实现代码
2010/08/01 Javascript
一张Web前端的思维导图分享
2015/07/03 Javascript
jquery+CSS3模拟Path2.0动画菜单效果代码
2015/08/31 Javascript
AngularJs实现分页功能不带省略号的代码
2016/05/30 Javascript
js表单登陆验证示例
2016/10/19 Javascript
vue.js入门(3)——详解组件通信
2016/12/02 Javascript
a标签置灰不可点击的实现方法
2017/02/06 Javascript
深入浅析JavaScript中的RegExp对象
2017/09/18 Javascript
Webpack 之 babel-loader文件预处理器详解
2018/03/23 Javascript
JavaScript 判断对象中是否有某属性的常用方法
2018/06/14 Javascript
vue父子组件间引用之$parent、$children
2020/05/20 Javascript
vue项目中播放rtmp视频文件流的方法
2020/09/17 Javascript
wxpython学习笔记(推荐查看)
2014/06/09 Python
Python中的列表生成式与生成器学习教程
2016/03/13 Python
Python减少循环层次和缩进的技巧分析
2016/03/15 Python
Python小进度条显示代码
2019/03/05 Python
在python中利用numpy求解多项式以及多项式拟合的方法
2019/07/03 Python
Python面向对象编程基础实例分析
2020/01/17 Python
python怎么判断素数
2020/07/01 Python
Pycharm常用快捷键总结及配置方法
2020/11/14 Python
HTML5+CSS3应用详解
2014/02/24 HTML / CSS
html+js 实现markdown编辑器效果
2019/10/23 HTML / CSS
武汉东之林科技有限公司机试
2013/09/17 面试题
.NET概念性的面试题
2012/02/29 面试题
森马旗舰店双十一营销方案
2014/09/29 职场文书
行政主管岗位职责范本
2015/04/09 职场文书
感恩教师节主题班会
2015/08/12 职场文书
Python中的tkinter库简单案例详解
2022/01/22 Python