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 相关文章推荐
javascript 继承实现方法
Aug 26 Javascript
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
Apr 24 Javascript
20款效果非常棒的 jQuery 插件小结分享
Nov 18 Javascript
用javascript对一个json数组深度赋值示例
Jul 27 Javascript
JS中FRAME的操作问题实例分析
Oct 21 Javascript
JS获取鼠标坐标位置实例分析
Jan 20 Javascript
axios基本入门用法教程
Mar 25 Javascript
jQuery滑动到底部加载下一页数据的实例代码
May 22 jQuery
JavaScript简介_动力节点Java学院整理
Jun 26 Javascript
Vue实现购物车场景下的应用
Nov 27 Javascript
node解析修改nginx配置文件操作实例分析
Nov 06 Javascript
用jQuery实现抽奖程序
Apr 12 jQuery
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+MySQL插入操作实例
2015/01/21 PHP
php文件操作小结(删除指定文件/获取文件夹下的文件名/读取文件夹下图片名)
2016/05/09 PHP
JS通过相同的name进行表格求和代码
2013/08/18 Javascript
js禁止页面复制功能禁用页面右键菜单示例代码
2013/08/29 Javascript
js和jquery使按钮失效为不可用状态的方法
2014/01/26 Javascript
JavaScript中的值类型详细介绍
2014/12/29 Javascript
JavaScript中exec函数用法实例分析
2015/06/08 Javascript
jquery 全选、全不选、反选效果的实现代码【推荐】
2016/05/05 Javascript
实例讲解jQuery中对事件的命名空间的运用
2016/05/24 Javascript
vue+node实现图片上传及预览的示例方法
2018/11/22 Javascript
原生JS与JQ获取元素的区别详解
2020/02/13 Javascript
JavaScript 类的封装操作示例详解
2020/05/16 Javascript
jQuery实现容器间的元素拖拽功能
2020/12/01 jQuery
[55:16]Mski vs VGJ.S Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
从Python程序中访问Java类的简单示例
2015/04/20 Python
python实现从字典中删除元素的方法
2015/05/04 Python
python获得一个月有多少天的方法
2015/06/04 Python
python动态网页批量爬取
2016/02/14 Python
python 用正则表达式筛选文本信息的实例
2018/06/05 Python
python3下载抖音视频的完整代码
2019/06/05 Python
Pytorch Tensor的索引与切片例子
2019/08/18 Python
Python网络爬虫信息提取mooc代码实例
2020/03/06 Python
Django 删除upload_to文件的步骤
2020/03/30 Python
keras做CNN的训练误差loss的下降操作
2020/06/22 Python
python入门:argparse浅析 nargs='+'作用
2020/07/12 Python
英国殿堂级有机护肤品牌:Rodial
2017/04/17 全球购物
TIME时代杂志台湾总代理:台时亚洲
2018/10/22 全球购物
德国婴儿服装和婴儿用品购买网站:Baby Sweets
2019/12/08 全球购物
澳大利亚领先的女性运动服品牌:Lorna Jane
2020/06/19 全球购物
司机检讨书
2014/02/13 职场文书
幼儿园父亲节活动方案
2014/03/11 职场文书
幼儿园清明节活动总结
2014/07/04 职场文书
学校领导干部民主生活会整改方案
2014/09/29 职场文书
四风批评与自我批评发言稿
2014/10/14 职场文书
2015年乡镇食品安全工作总结
2015/10/22 职场文书
教师网络培训心得体会
2016/01/09 职场文书