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 相关文章推荐
JObj预览一个JS的框架
Mar 13 Javascript
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
Oct 11 Javascript
javascript白色简洁计算器
May 04 Javascript
AngularJs concepts详解及示例代码
Sep 01 Javascript
谈谈对JavaScript原生拖放的深入理解
Sep 20 Javascript
Node.js开发教程之基于OnceIO框架实现文件上传和验证功能
Nov 30 Javascript
webpack3+React 的配置全解
Aug 21 Javascript
详解Vue.js组件可复用性的混合(mixin)方式和自定义指令
Sep 06 Javascript
node中的密码安全(加密)
Sep 17 Javascript
vue  自定义组件实现通讯录功能
Sep 30 Javascript
小程序根据手机机型设置自定义底部导航距离
Jun 04 Javascript
vue实现鼠标经过动画
Oct 16 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水印
2007/03/16 PHP
PHP游戏编程25个脚本代码
2011/02/08 PHP
PHP中spl_autoload_register函数的用法总结
2013/11/07 PHP
php读取出一个文件夹及其子文件夹下所有文件的方法示例
2017/06/15 PHP
在Laravel5.6中使用Swoole的协程数据库查询
2018/06/15 PHP
查询json的数据结构的8种方式简介
2014/03/10 Javascript
javascript实现简单的贪吃蛇游戏
2015/03/31 Javascript
IE6兼容透明背景图片及解决方案
2015/08/19 Javascript
基于JavaScript实现简单的随机抽奖小程序
2016/01/05 Javascript
微信小程序 wx.request(接口调用方式)详解及实例
2016/11/23 Javascript
实现点击下箭头变上箭头来回切换的两种方法【推荐】
2016/12/14 Javascript
深入理解JavaScript中的for循环
2017/02/07 Javascript
微信小程序与php 实现微信支付的简单实例
2017/06/23 Javascript
JS的函数调用栈stack size的计算方法
2018/06/24 Javascript
vue 点击按钮实现动态挂载子组件的方法
2018/09/07 Javascript
解决微信小程序云开发中获取数据库的内容为空的方法
2019/05/15 Javascript
electron 安装,调试,打包的具体使用
2019/11/06 Javascript
Vue通过for循环随机生成不同的颜色或随机数的实例
2019/11/09 Javascript
vue中实现图片压缩 file文件的方法
2020/05/28 Javascript
下载给定网页上图片的方法
2014/02/18 Python
python实现simhash算法实例
2014/04/25 Python
Python中index()和seek()的用法(详解)
2017/04/27 Python
python用pickle模块实现“增删改查”的简易功能
2017/06/07 Python
对python生成业务报表的实例详解
2019/02/03 Python
python sort、sort_index方法代码实例
2019/03/28 Python
详解python中的hashlib模块的使用
2019/04/22 Python
Python向excel中写入数据的方法
2019/05/05 Python
香奈儿美国官网:CHANEL美国
2020/05/20 全球购物
建筑工程自我鉴定
2013/10/18 职场文书
安全责任书范文
2014/03/12 职场文书
领导干部廉政自律承诺书
2014/05/26 职场文书
党员先进事迹材料
2014/12/19 职场文书
交通事故起诉书
2015/05/19 职场文书
超级详细实用的pycharm常用快捷键
2021/05/12 Python
详解Redis主从复制实践
2021/05/19 Redis
基于Python实现股票收益率分析
2022/04/02 Python