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的动画类 Fx.js
Nov 05 Javascript
JavaScript异步调用定时方法并停止该方法实现代码
Mar 16 Javascript
关于JS判断图片是否加载完成且获取图片宽度的方法
Apr 09 Javascript
JavaScript知识点整理
Dec 09 Javascript
JavaScript获取图片像素颜色并转换为box-shadow显示
Mar 11 Javascript
Vue.js每天必学之方法与事件处理器
Sep 06 Javascript
Bootstrap模态框插件使用详解
May 11 Javascript
JavaScript实现三级联动菜单效果
Aug 16 Javascript
jquery实现图片跟随鼠标的实例
Oct 17 jQuery
微信小程序如何获取用户手机号
Jan 26 Javascript
Vue监听数据渲染DOM完以后执行某个函数详解
Sep 11 Javascript
Element-UI+Vue模式使用总结
Jan 02 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版
2006/10/09 PHP
php数组总结篇(一)
2008/09/30 PHP
php之curl设置超时实例
2014/11/03 PHP
php生成shtml类用法实例
2014/12/09 PHP
PHP云打印类完整示例
2016/10/15 PHP
javascript TextArea动态显示剩余字符
2008/10/22 Javascript
使用JS实现jQuery的addClass, removeClass, hasClass函数功能
2014/10/31 Javascript
jQuery中DOM操作实例分析
2015/01/23 Javascript
cocos2dx骨骼动画Armature源码剖析(一)
2015/09/08 Javascript
js 获取元素所有兄弟节点的实现方法
2016/09/06 Javascript
Angular中使用ui router实现系统权限控制及开发遇到问题
2016/09/23 Javascript
require.js中的define函数详解
2017/07/10 Javascript
微信小程序 页面跳转事件绑定的实例详解
2017/09/20 Javascript
浅谈Vue.js路由管理器 Vue Router
2018/08/16 Javascript
解决vue无法设置滚动位置的问题
2018/10/07 Javascript
js取小数点后两位四种方法
2019/01/18 Javascript
taro开发微信小程序的实践
2019/05/21 Javascript
vue实现路由切换改变title功能
2019/05/28 Javascript
原生js实现贪食蛇小游戏的思路详解
2019/11/26 Javascript
Python性能优化的20条建议
2014/10/25 Python
Python中序列的修改、散列与切片详解
2017/08/27 Python
Tensorflow之构建自己的图片数据集TFrecords的方法
2018/02/07 Python
python列表每个元素同增同减和列表元素去空格的实例
2019/07/20 Python
python 实现在无序数组中找到中位数方法
2020/03/03 Python
Python Handler处理器和自定义Opener原理详解
2020/03/05 Python
解决Django部署设置Debug=False时xadmin后台管理系统样式丢失
2020/04/07 Python
Python闭包与装饰器原理及实例解析
2020/04/30 Python
面向新手解析python Beautiful Soup基本用法
2020/07/11 Python
受外贸欢迎的美国主机:BlueHost
2017/05/16 全球购物
澳大利亚领先的美容护肤品零售商之一:SkincareStore
2018/01/22 全球购物
Nike比利时官网:Nike.com (BE)
2019/02/07 全球购物
英国地毯卖家:The Rug Seller
2019/07/18 全球购物
函授毕业个人自我评价
2014/02/20 职场文书
幼儿园小班植树节活动方案
2014/03/04 职场文书
暑期培训班策划方案
2014/08/26 职场文书
党章学习心得体会2016
2016/01/14 职场文书