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 相关文章推荐
JQuery的html(data)方法与&amp;lt;script&amp;gt;脚本块的解决方法
Mar 09 Javascript
jQuery 美元符冲突的解决方法
Mar 28 Javascript
关于URL中的特殊符号使用介绍
Nov 03 Javascript
js 幻灯片的实现
Dec 06 Javascript
jQuery判断iframe中元素是否存在的方法
May 11 Javascript
vue动态生成dom并且自动绑定事件
Apr 19 Javascript
Bootstrap Table使用整理(二)
Jun 09 Javascript
jQuery 1.9版本以上的浏览器判断方法代码分享
Aug 28 jQuery
webpack 模块热替换原理
Apr 09 Javascript
详解Vue.js使用Swiper.js在iOS
Sep 10 Javascript
angularjs1.5 组件内用函数向外传值的实例
Sep 30 Javascript
React学习之JSX与react事件实例分析
Jan 06 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
支持中文的php加密解密类代码
2011/11/27 PHP
php判断上传的Excel文件中是否有图片及PHPExcel库认识
2013/01/11 PHP
对PHP PDO的一些认识小结
2015/01/23 PHP
php 7新特性之类型申明详解
2017/06/06 PHP
用JSON做数据传输格式中的一些问题总结
2011/12/21 Javascript
jquery与prototype框架的详细对比
2013/11/21 Javascript
首页图片漂浮效果示例代码
2014/06/05 Javascript
分享10个原生JavaScript技巧
2015/04/20 Javascript
基于jquery实现人物头像跟随鼠标转动
2015/08/23 Javascript
简单谈谈javascript Date类型
2015/09/06 Javascript
jQuery调用WebMethod(PageMethod) NET2.0的方法
2016/04/15 Javascript
关于List.ToArray()方法的效率测试
2016/09/30 Javascript
浅谈javascript alert和confirm的美化
2016/12/15 Javascript
JS实现运动缓冲效果的封装函数示例
2018/02/18 Javascript
快速搭建vue2.0+boostrap项目的方法
2018/04/09 Javascript
关于微信公众号开发无法支付的问题解决
2018/12/28 Javascript
js中对象和面向对象与Json介绍
2019/01/21 Javascript
vue工程全局设置ajax的等待动效的方法
2019/02/22 Javascript
layer实现弹出层自动调节位置
2019/09/05 Javascript
[00:17]DOTA2荣耀之路5:It’s a disastah!
2018/05/28 DOTA
linux下安装easy_install的方法
2013/02/10 Python
Python装饰器使用实例:验证参数合法性
2015/06/24 Python
不管你的Python报什么错,用这个模块就能正常运行
2018/09/14 Python
使用matplotlib中scatter方法画散点图
2019/03/19 Python
Django文件存储 默认存储系统解析
2019/08/02 Python
Django app配置多个数据库代码实例
2019/12/17 Python
Python中的__init__作用是什么
2020/06/09 Python
Canvas 文本转粒子效果的实现代码
2019/02/14 HTML / CSS
美国知名的时尚购物网站:Anthropologie
2016/12/22 全球购物
为什么如下的代码int a=100,b=100;long int c=a * b;不能工作
2013/11/29 面试题
个人安全生产承诺书
2014/05/22 职场文书
2014年小学图书室工作总结
2014/12/09 职场文书
人民的好儿女观后感
2015/06/18 职场文书
食堂卫生管理制度
2015/08/04 职场文书
运动会200米广播稿
2015/08/19 职场文书
学习新党章心得体会2016
2016/01/15 职场文书