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的左右滚动实现代码
Dec 03 Javascript
JavaScript获取页面上某个元素的代码
Mar 13 Javascript
Javascript获取窗口(容器)的大小及位置参数列举及简要说明
Dec 09 Javascript
jquery事件与函数的使用介绍
Sep 29 Javascript
javascript中文本框中输入法切换的问题
Dec 10 Javascript
JQuery 给元素绑定click事件多次执行的解决方法
Sep 09 Javascript
js实现缓冲运动效果的方法
Apr 10 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(一)
May 17 Javascript
JS二叉树的简单实现方法示例
Apr 05 Javascript
Vue组件化开发思考
Feb 02 Javascript
Angular ui-roter 和AngularJS 通过 ocLazyLoad 实现动态(懒)加载模块和依赖
Nov 25 Javascript
layui使用表格渲染获取行数据的例子
Sep 13 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下用rmdir实现删除目录的三种方法小结
2008/04/20 PHP
19个Android常用工具类汇总
2014/12/30 PHP
php使用wordwrap格式化文本段落的方法
2015/03/17 PHP
PHP与服务器文件系统的简单交互
2016/10/21 PHP
PHP实现的简单AES加密解密算法实例
2017/05/29 PHP
PHP编程实现计算抽奖概率算法完整实例
2017/08/09 PHP
php使用Swoole实现毫秒级定时任务的方法
2020/09/04 PHP
JavaScript入门教程(1) 什么是JS
2009/01/31 Javascript
Extjs TriggerField在弹出窗口显示不出问题的解决方法
2010/01/08 Javascript
JavaScript isArray()函数判断对象类型的种种方法
2010/10/11 Javascript
javascript获取当前日期时间及其它操作函数
2011/01/11 Javascript
仿微博字符限制效果实现代码
2012/04/20 Javascript
jsPDF导出pdf示例
2014/05/02 Javascript
javascript实现动态统计图开发实例
2015/11/21 Javascript
基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解
2016/07/18 Javascript
基于vue.js仿淘宝收货地址并设置默认地址的案例分析
2020/08/20 Javascript
用python分割TXT文件成4K的TXT文件
2009/05/23 Python
python定时检查某个进程是否已经关闭的方法
2015/05/20 Python
分享一个可以生成各种进制格式IP的小工具实例代码
2017/07/28 Python
python 获取list特定元素下标的实例讲解
2018/04/09 Python
基于python绘制科赫雪花
2018/06/22 Python
Python numpy.zero() 初始化矩阵实例
2019/11/27 Python
python3 Scrapy爬虫框架ip代理配置的方法
2020/01/17 Python
TensorFlow学习之分布式的TensorFlow运行环境
2020/02/05 Python
Python更新所有已安装包的操作
2020/02/13 Python
python中使用asyncio实现异步IO实例分析
2021/02/26 Python
three.js模拟实现太阳系行星体系功能
2019/09/03 HTML / CSS
佳能法国商店:Canon法国
2019/02/14 全球购物
室内设计专业个人的自我评价
2013/12/18 职场文书
网络书店创业计划书
2014/02/07 职场文书
人事部专员岗位职责
2014/03/04 职场文书
活动总结报告范文
2014/05/04 职场文书
工人先锋号事迹材料
2014/12/24 职场文书
教师辞职信范文
2015/02/28 职场文书
java Nio使用NioSocket客户端与服务端交互实现方式
2021/06/15 Java/Android
《游戏王:大师决斗》新活动上线 若无符合卡组可免费租用
2022/04/13 其他游戏