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 相关文章推荐
本地对象Array的原型扩展实现代码
Dec 04 Javascript
jquery实现输入框动态增减的实例代码
Jul 14 Javascript
浅谈JS闭包中的循环绑定处理程序
Nov 09 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
Mar 14 Javascript
jQuery获取table行数并输出单元格内容的实现方法
Jun 30 Javascript
浅谈如何使用webpack构建多页面应用
May 30 Javascript
vue动态改变背景图片demo分享
Sep 13 Javascript
Vue+Express实现登录注销功能的实例代码
May 05 Javascript
elementUI select组件value值注意事项详解
May 29 Javascript
javascript导出csv文件(excel)的方法示例
Aug 25 Javascript
详解ES6中class的实现原理
Oct 03 Javascript
vue中使用echarts的示例
Jan 03 Vue.js
一个简单的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
php5 mysql分页实例代码
2008/04/10 PHP
对squid中refresh_pattern的一些理解和建议
2009/04/17 PHP
PHP实现把MySQL数据库导出为.sql文件实例(仿PHPMyadmin导出功能)
2014/05/10 PHP
ThinkPHP2.x防范XSS跨站攻击的方法
2015/09/25 PHP
利用php + Laravel如何实现部署自动化详解
2017/10/11 PHP
PHP设计模式之状态模式定义与用法详解
2018/04/02 PHP
提高网站性能之 如何对待JavaScript
2009/10/31 Javascript
基于jquery实现的表格分页实现代码
2011/06/21 Javascript
javascript之bind使用介绍
2011/10/09 Javascript
javascript设置连续两次点击按钮时间间隔的方法
2014/10/28 Javascript
JS实现简单的键盘打字的效果
2015/04/24 Javascript
举例说明JavaScript中的实例对象与原型对象
2016/03/11 Javascript
第一次接触神奇的Bootstrap导航条
2016/08/09 Javascript
微信小程序 数据交互与渲染实例详解
2017/01/21 Javascript
jquery实现图片放大点击切换
2017/06/06 jQuery
Vue自定义事件(详解)
2017/08/19 Javascript
JS实现为动态添加的元素增加事件功能示例【基于事件委托】
2018/03/21 Javascript
vuex与组件联合使用的方法
2018/05/10 Javascript
详解AngularJS 过滤器的使用
2018/06/02 Javascript
vue-router+nginx 非根路径配置方法
2018/06/30 Javascript
layuiAdmin循环遍历展示商品图片列表的方法
2019/09/16 Javascript
python实现进程间通信简单实例
2014/07/23 Python
python:socket传输大文件示例
2017/01/18 Python
python实现折半查找和归并排序算法
2017/04/14 Python
Python判断变量是否为Json格式的字符串示例
2017/05/03 Python
pandas string转dataframe的方法
2018/04/11 Python
Django自定义全局403、404、500错误页面的示例代码
2020/03/08 Python
python属于解释语言吗
2020/06/11 Python
Html5应用程序缓存(Cache manifest)
2018/06/04 HTML / CSS
澳大利亚设计的婴儿和女孩的衣服:Oobi
2018/12/16 全球购物
会计核算科岗位职责
2014/03/19 职场文书
黄金搭档广告词
2014/03/21 职场文书
物流业务员岗位职责
2015/04/03 职场文书
出纳2015年度工作总结范文
2015/10/14 职场文书
PostgreSQL将数据加载到buffer cache中操作方法
2021/04/16 PostgreSQL
Windows server 2016服务器基本设置
2022/08/14 Servers