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 相关文章推荐
从新浪弄下来的全屏广告代码 与使用说明
Mar 15 Javascript
验证码在IE中不刷新而谷歌等浏览器正常的解决方案
Mar 18 Javascript
jQuery控制DIV层实现由大到小,由远及近动画变化效果
Oct 09 Javascript
js 获取站点应用名的简单实例
Aug 18 Javascript
MUI 上拉刷新/下拉加载功能实例代码
Apr 13 Javascript
利用JS做网页特效_大图轮播(实例讲解)
Aug 09 Javascript
vue.extend实现alert模态框弹窗组件
Apr 28 Javascript
微信小程序实现页面分享onShareAppMessage
Aug 12 Javascript
node.js使用stream模块实现自定义流示例
Feb 13 Javascript
从Node.js事件触发器到Vue自定义事件的深入讲解
Jun 26 Javascript
js在HTML的三种引用方式详解
Aug 29 Javascript
抖音短视频(douyin)去水印工具的实现代码
Mar 30 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实现的中秋博饼游戏之绘制骰子图案功能示例
2017/11/06 PHP
php格式文件打开的四种方法
2018/02/24 PHP
基于PHP实现堆排序原理及实例详解
2020/06/19 PHP
javascript 数组学习资料收集
2010/04/11 Javascript
用jquery和json从后台获得数据集的代码
2011/11/07 Javascript
在JavaScript里嵌入大量字符串常量的实现方法
2013/07/07 Javascript
JS实现金额转换(将输入的阿拉伯数字)转换成中文的实现代码
2013/09/30 Javascript
JS判断不能为空实例代码
2013/11/26 Javascript
利用js正则表达式验证手机号,email地址,邮政编码
2014/01/23 Javascript
jquery获取radio值实例
2014/10/16 Javascript
js时间日期格式化封装函数
2014/12/02 Javascript
angularjs学习笔记之双向数据绑定
2015/09/26 Javascript
关于获取DIV内部内容报错的原因分析及解决办法
2016/01/29 Javascript
基于jQuery实现顶部导航栏功能
2016/12/27 Javascript
jquery点赞功能实现代码 点个赞吧!
2020/05/29 jQuery
Angular2中select用法之设置默认值与事件详解
2017/05/07 Javascript
详解Vue2中组件间通信的解决全方案
2017/07/28 Javascript
bootstrap 通过加减按钮实现输入框组功能
2017/11/15 Javascript
js删除数组中的元素delete和splice的区别详解
2018/02/03 Javascript
浅谈Webpack核心模块tapable解析
2018/09/11 Javascript
简单通过settimeout看javascript的运行机制
2019/05/10 Javascript
详细讲解如何创建, 发布自己的 Vue UI 组件库
2019/05/29 Javascript
基于javascript实现贪吃蛇经典小游戏
2020/04/10 Javascript
[47:55]Ti4第二日主赛事败者组 NaVi vs EG 1
2014/07/20 DOTA
[00:48]食人魔魔法师至宝“金鹏之幸”全新模型和自定义特效展示
2019/12/19 DOTA
在python的类中动态添加属性与生成对象
2016/09/17 Python
Python正则表达式知识汇总
2017/09/22 Python
python-django中的APPEND_SLASH实现方法
2019/06/21 Python
python实现信号时域统计特征提取代码
2020/02/26 Python
python能开发游戏吗
2020/06/11 Python
新秀丽拉杆箱美国官方网站:Samsonite美国
2016/07/25 全球购物
英国轻奢珠宝品牌:Astley Clarke
2016/12/18 全球购物
Booking.com美国:全球酒店预订网站
2017/04/18 全球购物
2015年党风廉政建设责任书
2015/01/29 职场文书
2015年防汛工作总结
2015/05/15 职场文书
Nginx 安装SSL证书完成HTTPS部署
2022/04/28 Servers