AngularJS基础 ng-model 指令详解及示例代码


Posted in Javascript onAugust 02, 2016

AngularJS ng-model 指令

AngularJS 实例

绑定输入框的值到 scope 变量中:

<!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>

<div ng-app="myApp" ng-controller="myCtrl">

<input ng-model="name">

<p>input 输入框的值绑定了变量 "name" :</p>
{{name}}

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.name = "John Doe";
});
</script>

<p>该实例演示了如何使用 ng-model 指令绑定输入框的值到 scope 变量中。</p>

</body>
</html>

定义和用法

ng-model 指令绑定了 HTML 表单元素到 scope 变量中。

如果 scope 中不存在变量, 将会创建它。

语法

<element ng-model="name"></element>

<input>, <select>, <textarea>, 元素支持该指令。

参数值

 

描述
separator 你想要绑定到表单域的属性名。

 以上就是对AngularJS ng-model资料的整理,后续继续补充相关资料。

Javascript 相关文章推荐
ext实现完整的登录代码
Aug 08 Javascript
有效的捕获JavaScript焦点的方法小结
Oct 08 Javascript
Jquery 常用方法经典总结
Jan 28 Javascript
Javascript 面向对象之重载
May 04 Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
Oct 30 Javascript
基于jQuery Tipso插件实现消息提示框特效
Mar 16 Javascript
javaScript如何跳出多重循环break、continue
Sep 01 Javascript
javascript 跨域问题以及解决办法
Jul 17 Javascript
javascript基础进阶_深入剖析执行环境及作用域链
Sep 05 Javascript
vue vuex vue-rouert后台项目——权限路由(适合初学)
Dec 29 Javascript
Angular利用内容投射向组件输入ngForOf模板的方法
Mar 05 Javascript
超出JavaScript安全整数限制的数字计算BigInt详解
Jun 24 Javascript
JS获取input file绝对路径的方法(推荐)
Aug 02 #Javascript
JavaScript实现复制文章自动添加版权
Aug 02 #Javascript
js获取上传文件的绝对路径实现方法
Aug 02 #Javascript
AngularJS基础 ng-list 指令详解及示例代码
Aug 02 #Javascript
jQuery设置聚焦并使光标位置在文字最后的实现方法
Aug 02 #Javascript
jQuery实现的placeholder效果完整实例
Aug 02 #Javascript
AngularJS基础 ng-keyup 指令简单示例
Aug 02 #Javascript
You might like
关于zend studio 出现乱码问题的总结
2013/06/23 PHP
PHP正则匹配操作简单示例【preg_match_all应用】
2017/07/10 PHP
laravel执行php artisan migrate报错的解决方法
2019/10/09 PHP
jQuery的强大选择器小结
2009/12/27 Javascript
javascript正则表达式中参数g(全局)的作用
2010/11/11 Javascript
缓动函数requestAnimationFrame 更好的实现浏览器经动画
2012/12/07 Javascript
简单的代码实现jquery定时器
2013/11/17 Javascript
js自定义鼠标右键的实现原理及源码
2014/06/23 Javascript
13 款最热门的 jQuery 图像 360 度旋转插件推荐
2014/12/09 Javascript
Jquery中使用show()与hide()方法动画显示和隐藏图片
2015/10/08 Javascript
js操作table元素实现表格行列新增、删除技巧总结
2015/11/18 Javascript
JS与HTML结合使用marquee标签实现无缝滚动效果代码
2016/07/05 Javascript
详解js实现线段交点的三种算法
2016/08/09 Javascript
vue.js中$set与数组更新方法
2018/03/08 Javascript
vue实现2048小游戏功能思路详解
2018/05/09 Javascript
VUE搭建手机商城心得和遇到的坑
2019/02/21 Javascript
Koa从零搭建到Api实现项目的搭建方法
2019/07/30 Javascript
python利用matplotlib库绘制饼图的方法示例
2016/12/18 Python
python中的函数递归和迭代原理解析
2019/11/14 Python
关于tensorflow softmax函数用法解析
2020/06/30 Python
python 实现关联规则算法Apriori的示例
2020/09/30 Python
Python操作word文档插入图片和表格的实例演示
2020/10/25 Python
Marc Jacobs彩妆官网:Marc Jacobs Beauty
2017/07/03 全球购物
北美Newegg打造的全球尖货海购平台:tt海购
2018/09/28 全球购物
英国女性运动服品牌:Sweaty Betty
2018/11/08 全球购物
犹他州最古老的体育用品公司:Al’s
2020/12/18 全球购物
Python里面search()和match()的区别
2016/09/21 面试题
大学生自荐信
2013/12/11 职场文书
自我评价200字分享
2013/12/17 职场文书
探矿工程师自荐信
2014/01/24 职场文书
班主任先进事迹材料
2014/12/17 职场文书
公司会议开幕词
2015/01/29 职场文书
2015年暑期社会实践活动总结
2015/03/27 职场文书
2015质检员个人年终工作总结
2015/10/23 职场文书
python批量更改目录名/文件名的方法
2021/04/18 Python
Mysql数据库表中为什么有索引却没有提高查询速度
2022/02/24 MySQL