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 相关文章推荐
根据选择不同的下拉值出现相对应的文本输入框
Aug 01 Javascript
使用jquery.validate自定义方法实现&quot;手机号码或者固话至少填写一个&quot;的逻辑验证
Sep 01 Javascript
深入理解JavaScript系列(29):设计模式之装饰者模式详解
Mar 03 Javascript
谈谈Jquery ajax中success和complete有哪些不同点
Nov 20 Javascript
巧方法 JavaScript获取超链接的绝对URL地址
Jun 14 Javascript
JS实现的简单图片切换功能示例【测试可用】
Feb 14 Javascript
jquery ui sortable拖拽后保存位置
Apr 27 jQuery
使用vue实现简单键盘的示例(支持移动端和pc端)
Dec 25 Javascript
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
Oct 16 jQuery
JavaScript计算出两个数的差值
Mar 19 Javascript
在VUE style中使用data中的变量的方法
Jun 19 Javascript
原生js实现购物车功能
Sep 23 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+js实现图片的上传、裁剪、预览、提交示例
2013/08/27 PHP
php判断类是否存在函数class_exists用法分析
2014/11/14 PHP
PHP模板引擎Smarty内建函数section,sectionelse用法详解
2016/04/11 PHP
微信JSSDK分享功能图文实例详解
2019/04/08 PHP
PHP类的自动加载与命名空间用法实例分析
2020/06/05 PHP
jquery ajax提交表单数据的两种方式
2009/11/24 Javascript
关于文本框的一些限制控制总结~~
2010/04/15 Javascript
分享27款非常棒的jQuery 表单插件
2011/03/28 Javascript
深入理解JavaScript 闭包究竟是什么
2013/04/12 Javascript
使用JavaScript和C#中获得referer
2014/11/14 Javascript
jquery表单对象属性过滤选择器实例分析
2015/05/18 Javascript
关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别
2015/10/12 Javascript
Vue.js每天必学之内部响应式原理探究
2016/09/07 Javascript
Vue 固定头 固定列 点击表头可排序的表格组件
2016/11/25 Javascript
JS中微信小程序自定义底部弹出框
2016/12/22 Javascript
React-native桥接Android原生开发详解
2018/01/17 Javascript
JavaScript 常见的继承方式汇总
2020/09/17 Javascript
[29:23]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第一场1
2014/05/23 DOTA
Python的Django应用程序解决AJAX跨域访问问题的方法
2016/05/31 Python
python实现决策树、随机森林的简单原理
2018/03/26 Python
让Django支持Sql Server作后端数据库的方法
2018/05/29 Python
Python实现调用另一个路径下py文件中的函数方法总结
2018/06/07 Python
Python Web框架之Django框架cookie和session用法分析
2019/08/16 Python
关于pytorch处理类别不平衡的问题
2019/12/31 Python
html5 兼容IE6结构的实现代码
2012/05/14 HTML / CSS
KIKO美国官网:意大利的平价彩妆品牌
2017/05/16 全球购物
澳大利亚最好的在线时尚精品店:Princess Polly
2018/01/03 全球购物
一份比较全的PHP面试题
2016/07/29 面试题
文明礼仪伴我行演讲稿
2014/05/12 职场文书
学习雷锋精神活动总结
2015/02/06 职场文书
标准发言稿结尾
2019/07/18 职场文书
简短的36句中秋节祝福信息语句
2019/09/09 职场文书
js实现模拟购物商城案例
2021/05/18 Javascript
简单总结SpringMVC拦截器的使用方法
2021/06/28 Java/Android
基于Redis的List实现特价商品列表功能
2021/08/30 Redis
JavaScript展开运算符和剩余运算符的区别详解
2022/02/18 Javascript