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 相关文章推荐
javascript 节点遍历函数
Mar 28 Javascript
麻雀虽小五脏俱全 Dojo自定义控件应用
Sep 04 Javascript
使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)
Jul 10 Javascript
JavaScript插件化开发教程 (四)
Jan 27 Javascript
关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)
Dec 14 Javascript
详解打造 Vue.js 可复用组件
Mar 24 Javascript
JavaScript 用fetch 实现异步下载文件功能
Jul 21 Javascript
weui框架实现上传、预览和删除图片功能代码
Aug 24 Javascript
js实现HTML中Select二级联动的实例
Jan 05 Javascript
vue使用localStorage保存登录信息 适用于移动端、PC端
May 27 Javascript
在React中写一个Animation组件为组件进入和离开加上动画/过度效果
Jun 24 Javascript
js+cavans实现图片滑块验证
Sep 29 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+jQuery 注册模块开发详解
2014/10/14 PHP
学习php设计模式 php实现合成模式(composite)
2015/12/08 PHP
PHP爬虫之百万级别知乎用户数据爬取与分析
2016/01/22 PHP
php取出数组单个值的方法
2018/03/12 PHP
Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
2009/08/09 Javascript
javascript 45种缓动效果 非常酷
2011/06/28 Javascript
Jquery命名冲突解决的五种方案分享
2012/03/16 Javascript
Javascript this 的一些学习总结
2012/08/02 Javascript
解释&amp;&amp;和||在javascript中的另类用法
2014/07/28 Javascript
Javascript基础教程之定义和调用函数
2015/01/18 Javascript
详解javascript实现瀑布流列式布局
2016/01/29 Javascript
ui组件之input多选下拉实现方法(带有搜索功能)
2016/07/14 Javascript
AnjularJS中$scope和$rootScope的区别小结
2016/09/18 Javascript
jQuery右下角悬浮广告实例
2016/10/17 Javascript
js实现首屏延迟加载实现方法 js实现多屏单张图片延迟加载效果
2017/07/17 Javascript
vue源码入口文件分析(推荐)
2018/01/30 Javascript
微信小程序textarea层级过高(盖住其他元素)问题的解决办法
2019/03/04 Javascript
详解React的回调渲染模式
2020/09/10 Javascript
[48:48]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS Dream TIME
2014/05/21 DOTA
跟老齐学Python之Python文档
2014/10/10 Python
用Python编写一个国际象棋AI程序
2014/11/28 Python
Python编程中time模块的一些关键用法解析
2016/01/19 Python
Python上传package到Pypi(代码简单)
2016/02/06 Python
python实现感知器
2017/12/19 Python
python shapely.geometry.polygon任意两个四边形的IOU计算实例
2020/04/12 Python
Django使用Profile扩展User模块方式
2020/05/14 Python
字中字效果的实现【html5实例】
2016/05/03 HTML / CSS
《宋庆龄故居的樟树》教学反思
2014/04/07 职场文书
大学中国梦演讲稿
2014/04/23 职场文书
港澳通行证委托书怎么写
2014/08/02 职场文书
初中美术教学反思
2016/02/17 职场文书
导游词之塘栖古镇
2019/12/04 职场文书
python 实现定时任务的四种方式
2021/04/01 Python
HTML5中 rem适配方案与 viewport 适配问题详解
2021/04/27 HTML / CSS
python turtle绘图命令及案例
2021/11/23 Python
python实现学员管理系统(面向对象版)
2022/06/05 Python