免费刷金币,请点击这里
TE社区 > 前端技术
客服QQ:1206116161

AngularJS基础 ng-list 指令详解及示例代码

许是故人来 于 2018-03-04 18:01:16 创建话题
(26)
(0)
举报

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 指令的资料整理,后续继续整理相关资料,谢谢大家支持!

扫码关注TE官方微博 扫码关注TE官方微博
php用ini_get获取php.ini里变量值的方法 jQuery简单实现点击文本框复制内容到剪贴板上的方法 jQuery加密密码到cookie的实现代码 Bootstrap CSS布局之列表 MS SQL Server获取十二个月份的英文缩写 jQuery删除当前节点元素 详解nginx静态资源服务器简单配置 asp.net 图片超过指定大小后等比例压缩图片的方法 ASP.NET MVC实现图片上传、图片预览显示 ThinkPHP静态缓存简单配置和使用方法详解 python生成词云的实现方法(推荐) Angular中管道操作符( )的使用方法 Bootstrap Table使用整理(一) javascript运行机制之this详细介绍 WordPress在线安装主题、插件及快速发布上传图片时提示错误 PHP基于自定义函数生成笛卡尔积的方法示例 ASP.NET实现URL映射的方法 Mysql删除重复的数据 Mysql数据去重复 教你在PHPStorm中配置Xdebug 解决php-fpm.service not found问题的办法 浅析css3中matrix函数的使用 Vue表单实例代码 利用yarn代替npm管理前端项目模块依赖的方法详解 .net 页面指定区域打印的方法 详解在vue-cli中使用路由 nodejs爬虫抓取数据乱码问题总结 JS同步、异步、延迟加载的方法 Python实现的凯撒密码算法示例 JavaScript中Date.toSource()方法的使用教程 JSP跨iframe如何传递参数实现代码 MySQL优化之缓存优化(续) Python实现端口检测的方法 Javascript中八种遍历方法的执行速度深度对比 asp.net的加密解密技巧 JS的document.all函数使用示例 关于单台MongoDB实例开启Oplog的过程详解 javascript 变量作用域 代码分析 Java容器ArrayList知识点总结 运维老鸟教你安装centos6.5选择安装包的方法 jQuery基于toggle实现click触发DIV的显示与隐藏问题分析 ACCESS转SQLSERVER数据库的注意事项 Javascript中字符串和数字的操作方法整理 在JS中解析HTML字符串示例代码 PostgreSQL之分区表(partitioning) html、css和js注释规范用法小结 mac中numbers怎么制作标准曲线? JS传递对象数组为参数给后端,后端获取的实例代码 php使用环形链表解决约瑟夫问题完整示例 详解ASP.NET Core Token认证 Bootstrap3 datetimepicker控件使用实例 js闭包用法实例详解 JS功能代码集锦 jquery插件开发之实现google+圈子选择功能 PHP中COOKIES使用示例 使VMware ip与本机ip处于同一网段的方法 JSP内置对象 Request和Response的简单介绍及使用 如何在iphon IOS设备上使用二维码 Python下实现的RSA加密_解密及签名_验证功能示例 jquery ajax实现批量删除具体思路及代码 Android隐藏手机底部虚拟按键的方法 开发基于Java的图形用户界面 Python基于回溯法子集树模板解决全排列问题示例 Python使用微信SDK实现的微信支付功能示例 CSS first-chjld伪类属性匹配一个序列的第一个元素 用连接池提高Servlet访问数据库的效率(1) Javascript拖拽系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHeight属性第1_2页 基于jquery的button默认enter事件(回车事件)。 单击和双击事件的冲突处理示例代码 angular forEach方法遍历源码解读 SQL Server2012数据库备份和还原的教程 统计 cpu 内存 使用率的shell脚本代码 Python实现扫描局域网活动ip(扫描在线电脑) PHP入门经历和学习过程分享 周末总结正则表达式(完整篇) oracle 11gR2 win64安装配置教程另附基本操作 浅谈关于android软键盘弹出问题 jQuery实现div随意拖动的实例代码(通用代码) 详解MySQL数据类型int(M)中M的含义 JavaScript利用正则表达式替换字符串中的内容 jQuery获取Table某列的值(推荐) javascript实现百度地图鼠标滑动事件显示、隐藏 全面介绍javascript实用技巧及单竖杠 js判断数据类型如判断是否为数组是否为字符串等等 Python计算开方、立方、圆周率,精确到小数点后任意位的方法 jQuery插件实现文件上传功能(支持拖拽) DOM_window对象属性之--clipboardData对象操作代码 Ubuntu怎么设置文件权限? Ubuntu中设置文件权限的方法 php中hashtable实现示例分享 重构、标准、布局 Dedecms提示信息及提示内容的修改方法 JS中frameset框架弹出层实例代码 关于mysql调用新手们常犯的11个错误总结 JQuery使用$.ajax和checkbox实现下次不在通知功能 linux系统下openmp多线程编程示例 jQuery Tools tooltip使用说明 基于jquery实现图片相关操作(重绘、获取尺寸、调整大小、缩放) PHP根据session与cookie用户登录状态操作类的代码 JavaScript利用正则表达式替换字符串中的内容 零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门 BootStrap selectpicker 用js控制组织结构图可以任意拖拽到指定位置 php Xdebug的安装与使用详解 在JavaScript的正则表达式中使用exec()方法 Android studio点击跳转WebView详解 JSP教程(四)-JSP Actions的使用 JS正则验证邮箱的格式详细介绍 js调试系列 初识控制台 浅谈php冒泡排序 详解redis大幅性能提升之使用管道(PipeLine)和批量(Batch)操作 jquery 页面滚动到指定DIV实现代码 ASP.NET实现伪静态网页方法小结 jQuery遍历Table应用示例 百度云推送图文教程IOS Linux下如何用GCC编译动态库 vue监听键盘事件的快捷方法【推荐】 vue,angular,avalon这三种MVVM框架优缺点 jquery实现搜索框常见效果的方法 Ubuntu 14.10系统中IBUS 中文输入法安装的图文教程 oracle获取当前时间,精确到毫秒并指定精确位数的实现方法 Vuex提升学习篇 CentOS安装锐速serverspeeder教程 微信小程序应用号开发教程详解 javascript中活灵活现的Array对象详解 Python爬虫DOTA排行榜爬取实例(分享) 用asp实现的iframe批量替换工具 Bootstrap每天必学之导航条 python用户管理系统的实例讲解 MySQL数据库优化技术之索引使用技巧总结 Linux lsof命令详解和使用示例(总结的比较详细) jQuery实现带有动画效果的回到顶部和底部代码 SQL语句(T-SQL汇总) 用T-SQL画出这些图形 Shell脚本实现的memcached进程监控 Swift调用Objective-C代码 jQuery 操作XML入门 jQuery on()方法示例及jquery on()方法的优点 Node.js中对通用模块的封装方法 AngularGauge 属性解析详解 python内存管理分析 Javascript中常用的检测方法小结 WordPress中给文章添加自定义字段及后台编辑功能区域 jsp连接数据库大全 javascript实现用户点击数量统计 使用开源工具制作网页验证码的方法 angular.fromJson与toJson方法用法示例 详解MySQL查询时区分字符串中字母大小写的方法 CentOS 6.5下安装Python 3.5.2(与Python2并存) 多表关联同时更新多条不同的记录方法分享 JavaScript中的this实例分析 Android使用ItemTouchHelper实现侧滑删除和拖拽 javascript的渐进增强与平稳退化浅谈 javascript 解析url的search方法 重写javascript中window.confirm的行为 asp下过滤非法的SQL字符的函数代码 jquery遍历json对象集合详解 基于JavaScript怎么实现让歌词滚动播放 Python使用内置json模块解析json格式数据的方法 js使用栈来实现10进制转8进制与取除数及余数 DEDECMS调用指定栏目下tag标签的方法 linux系统下dock栏图标怎么调整大小? Jquery ThickBox插件使用心得(不建议使用) Nginx 的多站点配置方案 vue实现底部菜单功能 安装Oracle10g遭遇ins_ctx.mk问题解决方法 Javascript中的 “&” 和 “ ” 详解 浅谈java中的对象、类、与方法的重载 Discuz登录后总是显示未登录状态费怎么办? 微信小程序 Audio API详解及实例代码 CSS行为expression轻松实现IE6无抖动固定定位 python与caffe改变通道顺序的方法 Bootstrap CSS组件之分页(pagination)和翻页(pager) PHP微信开发之查询城市天气 批量复制数据 论JavaScript模块化编程 JavaScript正则表达式验证代码(推荐) 基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题 支持权重的无组件ASP广告显示代码 从站外调用WordPress站内文章的实现方法 PHP新特性详解之命名空间、性状与生成器 jquery 插件学习(二) jQuery用unbind方法去掉hover事件及其他方法介绍 php添加数据到xml文件的简单例子 jquery $(document).ready() 与window.onload的区别 Asp.Net 无刷新文件上传并显示进度条的实现方法及思路 简单介绍HTML5中的文件导入 将Access数据库移植到SQL Server Python实现运行其他程序的四种方式实例分析 你有必要知道的10个JavaScript难点 JS瀑布流实现方法实例分析 ASP注入详细命令40条第1_2页 JS正则表达式获取字符串中特定字符的方法 js实现支持手机滑动切换的轮播图片效果实例 js实现上传图片之上传前预览图片 学习使用bootstrap3栅格系统 深入讲解基于JDK的动态代理机制 android 修改launcher行数和列数的方法 js propertychange和oninput事件 Asp.Net的FileUpload类实现上传文件实例 js数组常见操作及数组与字符串相互转化实例详解 jQuery修改CSS伪元素属性的方法 Java字符编码原理(动力节点Java学院整理)
绿色花园CSS网页模板.zip 360音乐歌手切换jQ选项卡.zip AdminLTE-2.4.0 管理后台bootstrap模板 jQuery图片动态逐渐放大切换.zip jquery宽屏格子焦点图.zip 酒店宾馆网站模板_小兵建站cms 777模板搜集7.zip jQuery垂直Tabs新闻滑块.zip html5手机端上下左右滑动菜单代码.zip 小鸟网上商店CSS网页模板.zip html5 3d宽屏幻灯片代码.zip 绿色大山设计网站模板.zip jQuery+CSS3小鸟飞翔动画特效.zip jQuery安卓时间选择器插件.zip 【PHP源码】ShopEx 网上商店系统 v4.7.2 RC2_shopex_singlev472rc2.zip 【PHP源码】DreamNews(百度RSS新闻采集程序) v1.0 [MYSQL版]_dreamnews1.zip jquery图片闪光幻灯片.zip jQuery点击按钮图片换一换效果代码.zip 基于ssm 的书店商城 js请求后端数据库查询出数据后再假分页处理 影视制作wordpress主题.zip HTML5主题餐厅网站模板.zip jquery图片轮播插件PgwSlider.zip 微信小程序源码-商城2 JS环形文字旋转展示特效.zip spring3、struts2、mybatis结合的一个简单web实现 个性蓝色花纹网页模板.zip 微信小程序源码-彩蛋拍卖 宠物饲养Html5网站模板.zip jQuery选择中国大学的弹框.zip 旅行客车公司网站模板.zip jQuery过渡滑动幻灯片.zip jQuery+CSS3页面预加载动画特效.zip 保健按摩CSS3浅绿色模板.zip qq空间遮罩层jQuery相册切换.zip 粉色手机产品销售HTML5模板.zip 【PHP源码】F2blog v1.2 Build 03.01 标准版_f2blog0301standard.zip jQuery+CSS3模拟印钞效果.zip Bootstrap Tabs选项卡代码.zip 和谐乡村网站模板.zip 快递管理系统课设 (servlet+javabean+jsp) 微信小程序源码-电商首页 微信小程序源码-潮品商城 jQuery图片卡片翻牌动画特效.zip jQuery卡通小人走路菜单.zip HTML5拖动按钮齿轮动画切换特效.zip ASP,NET分享到新浪微博微信实例代码 javaFX实现的图书馆后台管理系统,有数据库增删改查,基于sqlserver数据库 jquery hover向下滑动导航.zip jQuery浮动弹性菜单效果.zip 仿票啦啦触屏版电影手机wap娱乐网站模板.zip 微信小程序源码-音乐上下手选择 jQuery带进度条幻灯片循环周期特效.zip jQuery MiniColors颜色选择器.zip jQuery左右滑动切换图片代码.zip 微信小程序源码-搞笑 jquery动态星星评分插件.zip 基于jQuery的图片放大特效.zip 蓝色卡通APP网站模板.zip 特斯拉汽车公司网站模板.zip 纯CSS3制作鼠标经过动画菜单效果.zip 【ASP.NET源码】Shang-Blog v1.0 SP1 ACC版_shang-blogacc.zip Discuz! x2雅黑时尚新视觉模板.zip 锌绿色CSS网页模板.zip 简约风格室内装潢html模板.zip 微信小程序源码-洋酒介绍 微信小程序源码-礼物商城 html5鼠标点击液体波浪动画特效.zip 仿厚工坊官方3G触屏版手机企业网站模板.zip 工作办公CSS网页模板.zip 分别是ssm的email和ssh的rep的完整系统,附加数据库 【ASP.NET源码】西游博客(包哥修正版)_xyblog.zip 仿2014新版天猫分类导航菜单代码.zip jQuery仿IMQQ聊天窗口代码.zip HTML5立体小球运动动画效果.zip spring3、struts2、mybatis结合的一个简单web实现 jQuery响应式多级下拉导航菜单特效.zip 微信小程序源码-Railay:整体框架 js鼠标滚动图片等比例缩放代码.zip jsp开发简单的新闻门户系统,包括前台展现和后台管理 JSP+sql网络远程作业处理系统(系统+论文+开题报告+中英文摘要+封面+目录+资料) jQuery弹性大幅下拉导航.zip 带缩略图jQuery幻灯片相册代码.zip js消灭QQ表情小游戏源码.zip ecshop仿苏宁易购模板.zip 【ASP.NET源码】中国非常论坛 CVBBS 4.30 正式版 [.NET Framework 1.1]_cvbbs-4-3-0-installer.zip Java swing开发企业人事管理系统源代码下载 struts2+spring4+mybatis3+jqueryminiui3作业管理系统完整源码 微信小程序源码-医药网 微信小程序源码-母婴门店小程序 jQuery文件夹创建删除修改代码.zip 蓝色医疗项目网站模板.zip 可自动播放暂停的jQuery相册.zip ssm开发服装库存CMS后台管理系统 jquery左侧固定悬浮二级菜单.zip jQuery动态圆圈运动背景特效.zip 网站设计公司模板下载.zip 新版虎嗅wordpress主题.zip 基于Java ME无线网络移动端的俄罗斯方块游戏的实现(论文,源代码) jQuery手机端中奖领取抽奖代码.zip jQuery全页面横向定位滚屏.zip jQuery带时间轴美食网站焦点图代码.zip jQuery滑动展开收缩手风琴代码.zip jQuery网站导航菜单滑条代码.zip 时尚Nova网页模板.zip 上线APP-风知记事本开源代码 Java微信点餐系统 【PHP源码】PHPWind Forums 7.3.2 简体中文 UTF8 Build 090512_phpwind_utf8_7.3.2.zip 【PHP源码】带拖放效果的许愿墙程序_wish.zip 一套较全的婚恋社交交友网站模板 【PHP源码】VeryCMS v2.0.0 GBK正式版 Build Build20070407_verycms_gbk_2.0.0.zip 时尚平面模特网站模板.zip jQ移动平台滑动菜单.zip 灰色网页CSS网页模板.zip 打车软件公司网站模板.zip 粉色经典wordpress博客主题.zip 微信小程序源码-地图查找附件 jQuery双缩略图幻灯片.zip bootstrap会员借款简洁后台管理系统模板 IM即时通讯(openfire+websocket+smack) jquery彩虹文字效果.zip jQuery评论内容上下滑动切换效果.zip spring-boot mybaits spring security redis整合 【ASP.NET源码】Openlab开源综合社区系统 v3 RC1_openlabclub.zip 大气浅绿色风格单页模板.zip 曹鹏 jQuery 视频教程【百度云下载】 情侣婚纱博客CSS3模板.zip 用handler机制联网获取图片 css3垂直时间轴.zip jQuery仿百度百科右侧浮动菜单代码.zip 微信小程序源码-【推荐】酒水商城 文字无缝滚动效果代码(jQuery).zip 【PHP源码】中草药大全 (6024条数据)_zhongcaoyao.zip php_mongodb 【PHP源码】XYBOG for PHP (个人日志)系统_xybog.zip js实现仿苹果dock栏导航特效.zip 纯Javascript实现JSON与对象的互相转换项目 jQuery select下拉框美化插件_3.zip 电影院票房手机网站模板.zip Spring Cloud Eureka 服务端demo 可用maven 冲浪服饰销售网站模板.zip 农副产品企业网站模板.zip 3屏Flash竖焦点图广告代码.zip jQuery响应式线条滑出列表特效.zip 创意美食拼盘CSS单页模板.zip vue.js表单密码强度验证代码.zip 凯撒java版SaaS OA协同办公软件 v2.0 jsh开发学生管理系统 jquery个性化网站侧边栏工具条.zip jquery图片变焦收缩特效.zip java+applet 聊天系统 jQuery响应式无限轮播图片代码.zip jQuery鼠标悬停边框变换动画特效.zip 帝国CMS美女图片站模板.zip jquery+css3鼠标悬停摇摆动画效果.zip surfaceview实现幸运大抽奖 GraphView-Demos超简单图表绘制 【ASP.NET源码】C#发现之旅ASP.NET源码_discovery.zip Python网页商品价格监控程序 【PHP源码】明星写真小偷程序_star.zip gifplayer暂停或播放GIF图片.zip 文字切换插件Adjector.js.zip js键盘控制6键弹钢琴特效.zip 仿拇指玩移动版站手机wap游戏网站模板.zip jQuery橘红色右侧在线客服代码.zip jQuery带标题文字右侧选项卡.zip jquery+css3动画幻灯片代码.zip HTML5摄影培训单页模板.zip 微信小程序源码-企业间的计步 自适应性橙色触屏版手机wap企业网站模板.zip JAVA源码 jsp源代码程序 代码 SSH框架 easyui 进销存管理系统 【PHP源码】WebM@gik v1.3 RC1 绿色集成版_phial.zip jquery+css3英语库选项卡.zip jQuery鼠标悬浮图片放大特效.zip 新浪汽车jquery焦点图.zip jquery简单二级下拉菜单.zip jQuery翻转倒计时定时器插件.zip 五星级酒店厨师网站模板.zip 纯CSS3浮动的小猪动画.zip 【ASP.NET源码】中国非常论坛CVBBS v5.0.2正式版 [.NET1.1]_cvbbs502.zip 【PHP源码】仿榕树下文章系统春节版_frsx.zip 【ASP.NET源码】神州人才招聘网 Build 1228_rencai001.zip 3D图片上下翻牌切换效果.zip CSS3 SVG网页加载图标动画特效.zip 交错式切换效果jQuery焦点图.zip 婚庆摄影wordpress主题.zip jQuery微信手机端答题表单特效.zip BBS论坛项目jsp+mysql jquery手机网页遮罩动态加载.zip jquery加分动画效果.zip ssm整合shiro实现用户权限验证的增删改查实例demo 纯CSS3点亮关闭摇晃的灯泡特效.zip 推土机生产企业网站模板.zip jQuery水平滚动条图片切换.zip 【PHP源码】海商网络广告联盟系统_affiliate.zip jQuery点击按钮图片模向滑动.zip jQuery清除插件addclear.zip HTML5全屏幻灯片切换特效.zip 贴近用户体验的jQuery日期选择插件.zip jQuery仿淘宝彩票换一注动画特效.zip
举报X