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 相关文章推荐
Riot.js 快速的JavaScript单元测试框架
Nov 09 Javascript
vs2003 js文件编码问题的解决方法
Mar 20 Javascript
Jquery中dialog属性小记
Sep 03 Javascript
js实现select组件的选择输入过滤代码
Oct 14 Javascript
javascript实现自动输出文本(打字特效)
Aug 27 Javascript
WordPress中利用AJAX异步获取评论用户头像的方法
Jan 08 Javascript
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
Oct 15 Javascript
移动前端图片压缩上传的实例
Dec 06 Javascript
vue 全选与反选的实现方法(无Bug 新手看过来)
Feb 09 Javascript
浅谈JS对象添加getter与setter的5种方法
Jun 09 Javascript
Vue组件Draggable实现拖拽功能
Dec 01 Javascript
详解nvm管理多版本node踩坑
Jul 26 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实现多张图片上传加水印技巧
2013/04/18 PHP
基于php-fpm的配置详解
2013/06/03 PHP
解析zend studio中直接导入svn中的项目的方法步骤
2013/06/21 PHP
thinkphp中ajax与php响应过程详解
2014/12/08 PHP
php去除html标记的原生函数详解
2015/01/27 PHP
Ext grid 添加右击菜单
2009/11/26 Javascript
JS分割字符串并放入数组的函数
2011/07/04 Javascript
JavaScript转换农历类实现及调用方法
2013/01/27 Javascript
jQuery中hover方法和toggle方法使用指南
2015/02/27 Javascript
js实现宇宙星空背景效果的方法
2015/03/03 Javascript
jQuery仿360导航页图标拖动排序效果代码分享
2015/08/24 Javascript
jqueryMobile使用示例分享
2016/01/12 Javascript
JavaScript中数组添加值和访问值常见问题
2016/02/06 Javascript
AngularJS控制器继承自另一控制器
2016/05/09 Javascript
js使用highlight.js高亮你的代码
2017/08/18 Javascript
Web安全之XSS攻击与防御小结
2018/12/13 Javascript
Angular Excel 导入与导出的实现代码
2019/04/17 Javascript
微信小程序拼接图片链接无底洞深入探究
2019/09/03 Javascript
layui table数据修改的回显方法
2019/09/04 Javascript
python网络编程学习笔记(四):域名系统
2014/06/09 Python
python 对dataframe下面的值进行大规模赋值方法
2018/06/09 Python
python 实现兔子生兔子示例
2019/11/21 Python
在Pytorch中计算卷积方法的区别详解(conv2d的区别)
2020/01/03 Python
Python request使用方法及问题总结
2020/04/26 Python
Python爬虫教程知识点总结
2020/10/19 Python
TUMI新加坡官网:国际领先的商旅箱包品牌
2019/01/12 全球购物
大学生毕业自荐信
2013/10/10 职场文书
中层干部培训方案
2014/06/16 职场文书
试用期转正员工自我评价
2014/09/18 职场文书
党支部书记四风问题整改措施
2014/09/24 职场文书
先进事迹材料范文
2014/12/29 职场文书
市场部经理岗位职责
2015/02/02 职场文书
故意杀人罪辩护词
2015/05/21 职场文书
2016年学校十一国庆节活动总结
2016/04/01 职场文书
2019年特色火锅店的创业计划书模板
2019/08/28 职场文书
redis requires ruby version2.2.2的解决方案
2021/07/15 Redis