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 相关文章推荐
Extjs显示从数据库取出时间转换JSON后的出现问题
Nov 20 Javascript
利用JS解决ie6不支持max-width,max-height问题的方法
Jan 02 Javascript
JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法
Aug 03 Javascript
node网页分段渲染详解
Sep 05 Javascript
vue2的todolist入门小项目的详细解析
May 11 Javascript
VueJs单页应用实现微信网页授权及微信分享功能示例
Jul 26 Javascript
vue2.0 datepicker使用方法
Feb 04 Javascript
JavaScript实现数组全排列、去重及求最大值算法示例
Jul 30 Javascript
vue 组件中使用 transition 和 transition-group实现过渡动画
Jul 09 Javascript
Layui 动态禁止select下拉的例子
Sep 03 Javascript
vue实现列表滚动的过渡动画
Jun 29 Javascript
微信小程序实现多张图片上传功能
Nov 18 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代码(星期六,星期日总和)
2009/11/12 PHP
PHP中的函数-- foreach()的用法详解
2013/06/24 PHP
php中__destruct与register_shutdown_function执行的先后顺序问题
2014/10/17 PHP
PHP中使用Imagick操作PSD文件实例
2015/01/26 PHP
php字符集转换
2017/01/23 PHP
PHP crypt()函数的用法讲解
2019/02/15 PHP
php实现微信和支付宝支付的示例代码
2020/08/11 PHP
ExtJs grid行 右键菜单的两种方法
2010/06/19 Javascript
javascript获取鼠标点击元素对象(示例代码)
2013/12/20 Javascript
javascript客户端遍历控件与获取父容器对象示例代码
2014/01/06 Javascript
js验证上传图片的方法
2015/05/12 Javascript
理解JavaScript的变量的入门教程
2015/07/07 Javascript
js实现简单的联动菜单效果
2015/08/19 Javascript
Vue.js 父子组件通讯开发实例
2016/09/06 Javascript
jQuery 遍历map()方法详解
2016/11/04 Javascript
AngularJS服务service用法总结
2016/12/13 Javascript
bootstrap栅格系统示例代码分享
2017/05/22 Javascript
vue过滤器用法实例分析
2019/03/15 Javascript
详解node.js 事件循环
2020/07/22 Javascript
python xpath获取页面注释的方法
2019/01/14 Python
python 获得任意路径下的文件及其根目录的方法
2019/02/16 Python
详解numpy的argmax的具体使用
2019/05/27 Python
python原类、类的创建过程与方法详解
2019/07/19 Python
Python 窗体(tkinter)下拉列表框(Combobox)实例
2020/03/04 Python
Python安装并操作redis实现流程详解
2020/10/13 Python
python自动打开浏览器下载zip并提取内容写入excel
2021/01/04 Python
使用canvas实现黑客帝国数字雨效果
2020/01/02 HTML / CSS
美国著名的户外用品品牌:L.L.Bean
2018/01/05 全球购物
自我评价是什么
2014/01/04 职场文书
送餐员岗位职责范本
2014/02/21 职场文书
公司年会搞笑主持词
2014/03/24 职场文书
主题团日活动总结
2014/06/25 职场文书
起诉意见书范文
2015/05/19 职场文书
2016年党风廉政建设承诺书
2016/03/25 职场文书
快速学习Oracle触发器和游标
2021/06/30 Oracle
golang内置函数len的小技巧
2021/07/25 Golang