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


Posted in Javascript onAugust 02, 2016

AngularJS ng-list 指令

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>

<div ng-app="">

<p>在输入框中,输入一些文本,并使用逗号分隔它们:</p>

<input ng-model="customers" ng-list/>

<p>当使用 ng-list 指令时,你的输入信息会转换为数组,如下所示:</p>

<pre>{{customers}}</pre>

</div>

</body>
</html>

定义和用法

ng-list 指令将字符串转换为数组,并使用逗号分隔。

ng-list 指令还有另外一种转换方式,如果你有字符串数组希望在输入框中显示,你可以在 input 上使用 ng-list 指令。

ng-list 属性值定义了分隔符。

语法

<element ng-list="separator"></element>

<input>, <select>, <textarea>, 和其他可编辑元素支持该指令。

参数值

描述
separator 可选,定义分隔符,默认为", "

以上就是对AngularJS ng-list 指令的资料整理,后续继续整理相关资料,谢谢大家支持!

Javascript 相关文章推荐
jquery 防止表单重复提交代码
Jan 21 Javascript
jQuery.trim() 函数及trim()用法详解
Oct 26 Javascript
javascript的函数劫持浅析
Sep 26 Javascript
react-native 封装选择弹出框示例(试用ios&amp;android)
Jul 11 Javascript
vue+ElementUI实现订单页动态添加产品数据效果实例代码
Jul 13 Javascript
vue实现导航栏效果(选中状态刷新不消失)
Dec 13 Javascript
利用JS判断客户端类型你应该知道的四种方法
Dec 22 Javascript
浅谈ECMAScript 中的Array类型
Jun 10 Javascript
Layui之table中的radio在切换分页时无法记住选中状态的解决方法
Sep 02 Javascript
vue+ts下对axios的封装实现
Feb 18 Javascript
vue结合el-upload实现腾讯云视频上传功能
Jul 01 Javascript
比较node.js和Deno
Apr 27 Javascript
jQuery设置聚焦并使光标位置在文字最后的实现方法
Aug 02 #Javascript
jQuery实现的placeholder效果完整实例
Aug 02 #Javascript
AngularJS基础 ng-keyup 指令简单示例
Aug 02 #Javascript
两种JavaScript的AES加密方式(可与Java相互加解密)
Aug 02 #Javascript
深入浅析search 搜索框的写法
Aug 02 #Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 #Javascript
Angularjs 自定义服务的三种方式(推荐)
Aug 02 #Javascript
You might like
一个简单php扩展介绍与开发教程
2010/08/19 PHP
php生成动态验证码gif图片
2015/10/19 PHP
php实现购物车功能(上)
2020/07/23 PHP
thinkPHP框架乐观锁和悲观锁实例分析
2019/10/30 PHP
capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框
2011/05/24 Javascript
js实现图片漂浮效果的方法
2015/03/02 Javascript
jQuery选择器源码解读(五):tokenize的解析过程
2015/03/31 Javascript
Jquery Easyui对话框组件Dialog使用详解(14)
2016/12/19 Javascript
js简单实现网页换肤功能
2017/04/07 Javascript
基于vue-cli 打包时抽离项目相关配置文件详解
2018/03/07 Javascript
vuejs 制作背景淡入淡出切换动画的实例
2018/09/01 Javascript
小试SVG之新手小白入门教程
2019/01/08 Javascript
使用异步controller与jQuery实现卷帘式分页
2019/06/18 jQuery
vue中组件通信的八种方式(值得收藏!)
2019/08/09 Javascript
关于vue 项目中浏览器跨域的配置问题
2020/11/10 Javascript
[42:52]Optic vs Serenity 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
Python类的专用方法实例分析
2015/01/09 Python
python引用DLL文件的方法
2015/05/11 Python
django通过ajax发起请求返回JSON格式数据的方法
2015/06/04 Python
实例分析python3实现并发访问水平切分表
2018/09/29 Python
Python3编码问题 Unicode utf-8 bytes互转方法
2018/10/26 Python
python实现五子棋小程序
2019/06/18 Python
Python定时任务工具之APScheduler使用方式
2019/07/24 Python
详解向scrapy中的spider传递参数的几种方法(2种)
2020/09/28 Python
收集的22款给力的HTML5和CSS3帮助工具
2012/09/14 HTML / CSS
荷兰最大的鞋子、服装和运动折扣店:Bristol
2021/01/07 全球购物
大学毕业登记表自我鉴定
2013/10/09 职场文书
工业自动化毕业生自荐信范文
2014/01/04 职场文书
学习党的群众路线教育实践活动心得体会
2014/03/01 职场文书
《石榴》教学反思
2014/03/02 职场文书
《大自然的语言》教学反思
2014/04/08 职场文书
优秀党员学习焦裕禄精神思想汇报范文
2014/09/10 职场文书
工作疏忽、懈怠的检讨书
2014/09/11 职场文书
擅自离岗检讨书
2014/09/12 职场文书
大四学生个人总结
2015/02/15 职场文书
2015年行政人事工作总结
2015/05/21 职场文书