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复选框CHECKBOX全选,取消全选
Aug 30 Javascript
Js base64 加密解密介绍
Oct 11 Javascript
深入理解javascript作用域和闭包
Sep 23 Javascript
JavaScript中数据结构与算法(四):串(BF)
Jun 19 Javascript
AngularJs bootstrap搭载前台框架——js控制部分
Sep 01 Javascript
jquery ajax后台返回list,前台用jquery遍历list的实现
Oct 30 Javascript
JS复制对应id的内容到粘贴板(Ctrl+C效果)
Jan 23 Javascript
js获取当前页的URL与window.location.href简单方法
Feb 13 Javascript
JS简单生成随机数(随机密码)的方法
May 11 Javascript
vue toggle做一个点击切换class(实例讲解)
Mar 13 Javascript
Vue实现todolist删除功能
Jun 26 Javascript
jQuery实现获取当前鼠标位置并输出功能示例
Jan 05 jQuery
一个简单的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
了解Joomla 这款来自国外的php网站管理系统
2010/03/11 PHP
PHP代码优化的53个细节
2014/03/03 PHP
php实现与python进行socket通信的方法示例
2017/08/30 PHP
推荐17个优美新鲜的jQuery的工具提示插件
2012/09/14 Javascript
js创建子窗口并且回传值示例代码
2013/07/02 Javascript
触屏中的JavaScript事件分析
2015/02/06 Javascript
jQuery简单实现日历的方法
2015/05/04 Javascript
JS 全屏和退出全屏详解及实例代码
2016/11/07 Javascript
详解vue-cli + webpack 多页面实例应用
2017/04/25 Javascript
vue 2.0项目中如何引入element-ui详解
2017/09/06 Javascript
微信小程序wx:for和wx:for-item的用法详解
2018/04/01 Javascript
vue-resource请求实现http登录拦截或者路由拦截的方法
2018/07/11 Javascript
springMvc 前端用json的方式向后台传递对象数组方法
2018/08/07 Javascript
javascript系统时间设置操作示例
2019/06/17 Javascript
微信小程序开发注意指南和优化实践(小结)
2019/06/21 Javascript
ECharts地图绘制和钻取简易接口详解
2019/07/12 Javascript
vue中选中多个选项并且改变选中的样式的实例代码
2020/09/16 Javascript
微信小程序实现页面监听自定义组件的触发事件
2020/11/01 Javascript
[38:54]完美世界DOTA2联赛PWL S2 Rebirth vs LBZS 第一场 11.28
2020/12/01 DOTA
全面解读Python Web开发框架Django
2014/06/30 Python
Python figure参数及subplot子图绘制代码
2020/04/18 Python
Python闭包及装饰器运行原理解析
2020/06/17 Python
一款利用纯css3实现的360度翻转按钮的实例教程
2014/11/05 HTML / CSS
canvas绘制文本内容自动换行的实现代码
2019/01/14 HTML / CSS
美国庭院家具购物网站:AlphaMarts
2019/04/10 全球购物
俄罗斯护发和专业化妆品购物网站:Hihair
2019/09/28 全球购物
软件测试工程师结构化面试题库
2016/11/23 面试题
酒店销售主管岗位职责
2014/01/04 职场文书
销售队伍口号
2014/06/11 职场文书
民政局副局长民主生活会个人整改措施
2014/10/04 职场文书
法人身份证明书
2014/10/08 职场文书
巾帼文明岗事迹材料
2014/12/24 职场文书
公司奖励通知
2015/04/21 职场文书
全国法制宣传日活动总结
2015/05/05 职场文书
游戏《铁拳》动画化!2022年年内播出
2022/03/21 日漫
css3 选择器
2022/05/11 HTML / CSS