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

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

许是故人来 于 2018-03-04 18:01:16 创建话题
(28)
(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官方微博
什么是 WML? python实现自动发送报警监控邮件 jQuery实现按钮点击遮罩加载及处理完后恢复的效果 vue服务端渲染页面缓存和组件缓存的实例详解 Yii CGridView用法实例详解 shell实现自动adsl拨号并检测连接状况脚本分享 dedecms后台登录成功后返回到登录界面的解决方法 Oracle case函数使用介绍 用python统计代码行的示例(包括空行和注释) 浅析Python中的多进程与多线程的使用 Angular的$http的ajax的请求操作(推荐) asp.net 动态生成控件并获取其值 JSP request(return String)用法详例 PHP+MySQL实现无极限分类栏目的方法 Android判断定位功能是否可用的方法 Jquery动态进行图片缩略的原理及实现 JavaScript学习笔记之数组随机排序 Script标签与访问HTML页面详解 Ajax异步获取html数据中包含js方法无效的解决方法 详解docker镜像centos7配置Java运行环境 JavaScript sup方法入门实例(把字符串显示为上标) javascript中的Base64、UTF8编码与解码详解 jQuery EasyUI Draggable拖动组件 Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound的解决方法 ThinkPHP框架实现定时执行任务的两种方法分析 数据库中聚簇索引与非聚簇索引的区别[图文] 深入理解javascript中concat方法 Docker中镜像构建文件Dockerfile与相关命令的详细介绍 jQuery使用正则验证15_18身份证的方法示例 常规表格多表头查询示例 基于jquery的tab切换 js原理 ASP.NET实现根据URL生成网页缩略图的方法 PHP中将ip地址转成十进制数的两种实用方法 underscore之Collections_动力节点Java学院整理 windows PostgreSQL 9.1 安装详细步骤 php curl优化下载微信头像的方法总结 MySQL中把varchar类型转为date类型方法详解 Javascript实现页面滚动时导航智能定位 Android版音乐播放器 PHP针对中英文混合字符串长度判断及截取方法示例 js无刷新操作table的行和列 phpcms v9中调用发布时间的方法 jquery实现滑动图片自己测试的例子 jQuery 常用代码集锦(必看篇) Bootstrap每天必学之媒体对象 ASP中FSO的神奇功能 - 用FSO进行内容管理 ASP.NET MVC3网站创建与发布(1) 解析Python编程中的包结构 FLEX ArrayCollection删除过滤的数据问题解决 ThinkPHP采用原生query实现关联查询left join实例 Android把Bitmap保存为PNG图像文件的简单代码 AngularJS学习笔记之表单验证功能实例详解 JavaScript之Canvas_动力节点Java学院整理 vue-router中的hash和history两种模式的区别 smarty基础之拼接字符串的详解 asp.net使用DataSet的ReadXml读取XML文件及Stream流的方法 css实现tab效果仿163邮箱样式 JavaScript返回上一页的三种方法及区别介绍 JS函数定义方式的区别介绍 javascript 学习笔记(八)javascript对象 javascript学习笔记--数字格式类型 jquery获取下拉框中的循环值 利用Python如何实现数据驱动的接口自动化测试 js强制把网址设为默认首页 使用PHP遍历文件目录与清除目录中文件的实现详解 JS实现仿PS的调色板效果完整实例 JS+CSS实现简单滑动门(滑动菜单)效果 ruby 一些简单的例子 require.js 加载 vue组件 r.js 合并压缩的实例 Django+mysql配置与简单操作数据库实例代码 Python中__init__.py文件的作用详解 mui 打开新窗口的方式总结及注意事项 在sql中不指定Order by排序是按照主键吗 使用canvas绘制超炫时钟 python爬取w3shcool的JQuery课程并且保存到本地 妙用Angularjs实现表格按指定列排序 JS格式化数字保留两位小数点示例代码 nginx+redis实现session共享 jquery学习总结(超级详细) javascript弹出窗口实现代码 解析如何修改phpmyadmin中的默认登陆超时时间 javascript实现的平方米、亩、公顷单位换算小程序 ES6所改良的javascript“缺陷”问题 sqlserver 存储过程分页(按多条件排序) 查询存储过程中特定字符的方法 jquery ready(fn)事件使用介绍 js读取注册表的键值示例 ASP.NET项目开发中日期控件DatePicker如何使用 Jquery调用iframe父页面中的元素及方法 AngularJS学习笔记之依赖注入详解 引用外部js乱码问题分析及解决方案 python装饰器实例大详解 centos 7 安装percona Server 服务器方法 Python编程之列表操作实例详解【创建、使用、更新、删除】 前端常见跨域解决方案(全) nodejs爬虫遇到的乱码问题汇总 Backbone.js框架中Model与Collection的使用实例 详解MongoDB4.0构建分布式分片群集 python用pickle模块实现“增删改查”的简易功能 3个效果超酷的FORM表单美化效果 打包下载 JS实现图片无间断滚动代码汇总 js判断是否为空和typeof的用法(详解) 苹果mac操作系统安装图文教程(比较详细) 很棒的js选项卡切换效果 详解Python 序列化Serialize 和 反序列化Deserialize 如何使用微博自动记录俯卧撑个数 Javascript实现时间倒计时效果 Android bindservice失败解决方法 Vue-cropper 图片裁剪的基本原理及思路讲解 一个基于flask的web应用诞生 记录用户账户登录状态(6) 学习正则!超基础简单例子 用实例解释Python中的继承和多态的概念 vue和webpack项目构建过程常用的npm命令详解 ASP 日期的加减运算实现代码 Android调用系统照相机拍照与摄像的方法 CentOS 6.5 x64系统中安装MongoDB 2.6.0二进制发行版教程 ES6中数组array新增方法实例总结 js 日期正则表达式及检测 Vue.js每天必学之计算属性computed与$watch JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法 BootStrap Table 设置height表头与内容无法对齐的问题 一个加载js文件的小脚本 ThinkPHP中的create方法与自动令牌验证实例教程 jQuery效果 slideToggle() 方法(在隐藏和显示之间切换) 捕捉并保存ASP运行错误的函数代码 php 解析xml 的四种方法详细介绍 极虎病毒是什么 极虎病毒有什么危害 深入理解JavaScript系列(11) 执行上下文(Execution Contexts) JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果 js this函数调用无需再次抓获id,name或标签名 Android Drawerlayout实现侧滑菜单效果 java计算工作时间除去节假日以及双休日 远程修改Linux系统VPS服务器Root用户密码教程 ASP.NET五步打包下载Zip文件实例 node内置调试方法总结 java驼峰转换的方法 jQuery表格行换色的三种实现方法 Java基于Scanner对象的简单输入计算功能示例 Linux中mdadm命令管理RAID磁盘阵列的实例总结 Python获取指定字符前面的所有字符方法 Javascript使用正则验证身份证号(简单) 使用原生的javascript来实现轮播图 JS+HTML5实现上传图片预览效果完整实例【测试可用】 ibatis简单实现与配置 关于锚点跳转及jQuery下相关操作与插件 Linux中的VMware虚拟机开机出现滴警告音怎么办? Web字体格式介绍以及浏览器兼容性一览 HTML 文本格式化的简单实例(详解) 基于Python List的赋值方法 jQuery+Ajax实现限制查询间隔的方法 jquery实现一个简单的表单验证实例 基于python 字符编码的理解 CSS超级技巧大放送合集 Vue.js实现分页查询功能 javascript计时器详解 Python使用tkinter库实现文本显示用户输入功能示例 使用jQuery validate 验证注册表单实例演示 python基础教程之常用运算符 yii框架通过控制台命令创建定时任务示例 HTML 版本声明 DOCTYPE 标签 纯CSS实现气泡对话框尖角处理方案 Javascript实现时间倒计时效果 javascript 实现 原路返回 如何解决Ajax的content-download时间过慢问题 PHP 第二节 数据类型之数组 jQuery实现的网格线绘制方法 css实现兼容各个浏览器的技巧的代码 JS实现微信摇一摇原理解析 在LINUX系统下安装卡巴斯基杀毒网络版 Python实现的求解最大公约数算法示例 js函数与php函数的区别实例浅析 python的变量与赋值详细分析 JS实现小球的弹性碰撞效果 Python实现在线暴力破解邮箱账号密码功能示例【测试可用】 在Ubuntu系统上搜寻并显示网卡信息的方法 vue 2.0组件与v-model详解 php微信开发接入 utf-8 网页不显示+utf-8网页乱码的通用解决方法 IE浏览器单独写CSS样式的几种方法 JQuery each打印JS对象的方法 IE8 滤镜效果filter alpha(opacity=20);IE下失效出现黑色 sqlserver 通用分页存储过程 Firefox下无法正常显示年份的解决方法 浅谈web上存漏洞及原理分析、防范方法(安全文件上存方法) 实现core文件自动生成配置文件的方法 在Nginx上部署ThinkPHP项目教程 最新密码验证正则表达式 java并发访问重复请求过滤问题 iOS 本地视频和网络视频流播放实例代码 Laravel5.2使用Captcha生成验证码实现登录(session巨坑) Python数据类型中的“冒号“[ ]——分片与步长操作示例 js获取form表单所有数据的简单方法 Codeigniter(CI)框架分页函数及相关知识 node.js中的fs.lstatSync方法使用说明 sqlserver禁止management studio的自动提交事务 html的DOM中Event对象onabort事件用法实例 10个很棒的jQuery代码片段 vue的token刷新处理的方法 iOS高仿微信表情输入功能代码分享 JS排序之冒泡排序详解
jQuery列表展开折叠特效代码.zip 环形切换效果jQuery幻灯片.zip 金色企业CSS网页模板.zip 微信小程序源码-京东白条 基于SSH框架的员工信息操作实现案例 美味食物CSS网页模板.zip 简洁浅蓝服装网站模板.zip 谷歌NEXUS网站菜单.zip zol响应式jQ标签切换.zip JS图片上传对比度饱和度调整代码.zip 微信小程序源码-茶叶商城后台源码 DiscuzX2.5蓝雅风格模板.zip WP万能通用淘宝客主题,想做什么产品就做什么产品.zip 原生js渐变滑动切换焦点图代码.zip java博客系统源码hibernate4.3.6+spring4.0.6+struts2.3.16整合、htm jQuery卡通幸运大转盘代码.zip 仿聚美优品手机wap网站模板.zip css3实现结账Form表单.zip 【PHP源码】盈诺礼品论坛系统_ynlpbbs.zip 网站施工倒计时HTML模板.zip 女性时尚单页网站模板.zip 愤怒的小鸟html5网页游戏.zip jQuery文字无缝滚动效果代码.zip 新闻杂志WordPress主题.zip jQuery内容滑块特效.zip 【PHP源码】KubeSupport客户支持中心 0.9.0 汉化版_kubesupport.zip Android官方API文档完整版中文版chm 中国人民银行--WebLogic Server配置 汽车细节描述jQuery特效.zip 微信小程序源码-新词GET js 二维码 demo jquery.qrcode java实现简单信息管理 jQuery商品分类多项筛选菜单代码.zip 树莓派搭建小型气象站(可以直接运行) 纯CSS3实现的动感菜单效果.zip app应用程序网站模板下载.zip jQuery右侧隐藏收缩在线客服.zip 蓝白色两栏wordpress博客主题.zip 花店CSS网页模板.zip 动画影片制作公司CSS3模板.zip Amazon超快下拉菜单.zip 宽屏旅游热点网站模板.zip jQuery带标题的3D图片切换代码.zip 【PHP源码】Boast Machine v3.1 简体中文版_bmachine31.zip 欧美商务人士html网站模板.zip CSS3区域全屏放大动画特效.zip jquery扩展金属导航.zip 【PHP源码】PickleBLOG 1.1 Build 090904 修正版_pickleblog.zip 3D图片翻转展示CSS3.zip 仿京东TPshop商城源码 纯CSS3实现的图片切换幻灯片代码.zip 绿色商务办公网站模板.zip jQ+CSS3彩色流动边框登录框.zip 高仿微信打飞机-功能完善.zip 蓝色运动CSS网页模板.zip jQuery可拖拽对话框弹出层代码.zip 带动画效果CSS3手风琴菜单.zip CSS3实现鼠标悬停放大照片墙特效.zip 简洁大方企业网站模板下载.zip 微信小程序源码-信息科技公司展示小程序 【PHP源码】Sablog-X v1.6 正式版 Build 20070820_sablog-x1.6.zip 【PHP源码】FeasyBlog V1.0_feasyblog.zip FragmentTabHost的使用,包括添加缓存View,选项卡,Tabhost jQuery倾斜分割鼠标滚动切换代码.zip CSS3实现苹果Apple设备模型代码.zip 右侧悬浮jquery在线客服.zip struts2+ibatis+Spring+Json+jquery struts2+hibernate+spring+jfreechart+导出excel+导出pdf完美整合 css3实现loader加载指示器特效.zip discuzX2.5木板风格.zip QQ空间图片浏览代码.zip jQuery MP3播放器插件.zip css图片滚动下拉效果.zip jQuery年终转盘抽奖代码下载.zip 爬行动物html5网页模板.zip 简易的花店销售系统--课设jsp+ssh+jdbc 麦田收割CSS3网站模板.zip jquery百度预测焦点图代码.zip 企业投资HTML5模板.zip jQuery超炫3D焦点广告特效.zip 腾讯软件中心js焦点图.zip 橙色按钮jQuery在线客服代码.zip HTML5经典坦克大战游戏代码.zip jQuery手风琴插件rlaccordion.zip 手机版(h5)城市选择 扁平精品大气婚纱摄影公司整站模板.zip 有道学堂带二维码jQuery特效.zip 三维效果jquery图片轮播特效.zip CSS网站后台管理模板.zip jQuery表单浮动标签设计效果代码.zip jquery右侧隐藏式客服.zip jquery+html5音乐播放器.zip jQuery扁平水平滑动Tab选项卡.zip jQuery带缩略图的焦点图代码.zip JSP网页HTML编辑器 v1.0 jQuery人性化表单标签提示.zip jQuery瀑布流插件Grid-A-Licious.zip jQuery满屏自动轮播焦点图.zip jQ带分页索引图片切换.zip CSS3现代头部导航.zip Java模拟写字板代码 宽屏商务运动健身企业模板.zip iwatch苹果手表网站模板.zip jQ加减号幻灯片切换.zip 个性设计网站模板下载.zip 橙色学校教育网站模板.zip jQuery触屏手机上下滑动刷新代码.zip 微信小程序源码-急救应急 一套较全的婚恋社交交友网站模板 仿雷锋网wordpress主题.zip jQuery事件日历插件Calendar.zip JavaWeb采用SSH模式开发的后台管理 纯CSS3制作鼠标经过动画菜单效果.zip Bootstrap教育培训建站模板.zip ssh2框架-struts2+hibernate4+spring3登录+注册+拦截器+分页 spring boot + mybatis(通用mapper) druid多数据源切换配置 【很适合新手学习】仿不夜城手机wap企业网站模板.zip jQuery姓名电话随机抽奖代码.zip 微信小程序源码-人员招聘 实现美团、饿了么购物车效果 jQuery图片轮播滚动切换代码.zip jQuery公司大事记纵向时间轴.zip 小虫新闻管理系统V1.0 JS百度搜索框联想词提示代码.zip 【PHP源码】ECShop v2.6.0 Build 20080902 GBK_ecshop.v2.6.0_gbk.zip PPT在线制作在线演示特效代码.zip 仿亿邦动力网移动版手机wap新闻网站模板.zip jQuery+HTML5实现滑块特效下载.zip jQuery响应式图片无缝切换代码.zip 微信小程序Demo:云档(一个在线文档阅读的微信小程序) jQuery无序列表的下拉菜单.zip 外国银行业务网站模板.zip jquery右下角浮动窗口.zip jquery带箭头滑动标签.zip 两屏滑动下拉设计网站模板.zip jquery圆形旋转特效.zip 【PHP源码】MpMood 0.1 一句话心情_mpmood.zip jQuery右键点击下拉菜单插件.zip 微信公众号开发(java版) 微信小程序源码-二维码生成器 微信小程序源码-妈妈课堂 jQuery全屏动画焦点图切换.zip jquery敲打空格键播放特效.zip css3箭头菜单效果.zip jQuery电影背景画面对比滑块代码.zip SpringMVC+Redis+Mysql+OSS+微信公众号支付 直接运行的MVC框架 Simba1.3.0 绿色花纹PSD素材下载.zip analogClock.js时钟插件.zip jQuery响应式LightBox插件.zip jquery网格视图切换.zip jquery树型可收缩导航菜单.zip 3D立体旋转jquery幻灯片.zip 微信小程序源码-weapp-newsapp-master WINDOWS10系统UI界面框架特效.zip jquery带对话框提示图片相册.zip 微信小程序源码-在线装修设计 SpringMvc+Spring+Mybatis+Maven整合示例 mybatis逆向生成项目源码下载 jquery环形图片旋转.zip CSS3小球环形旋转Loading动画.zip 旅行旅游指南网站模板.zip jQuery+CSS3弹性工具栏菜单代码.zip jQuery浮动图片广告代码.zip 【ASP.NET源码】逐迹工作室©新闻发布系统 V1.0_art.zip Discuz! x2幻彩风格模板.zip 建筑行业服务公司网站模板.zip 某平台java爬虫代码 Wordpress Sweet Blossoms.zip jQuery滚动自动隐藏导航菜单代码.zip jquery div格子拖动排列效果.zip Xenon扁平化bootstrap响应式win8后台模板源码 石大在线财务管理系统(含源码) 百度APIStore天气预报APP CSS3表单突出强调特效.zip METASPLOIT渗透测试手册 智能手机海报PSD素材下载.zip HTML5赛车游戏官方网站模板.zip springmvc+activemq+redis demo 绿色清新jQuery在线QQ客服.zip 美国白宫旅游网站模板.zip jQuery仿电子印章在线制作代码.zip 游戏网站CSS网页模板.zip Jsp企业快信(短信猫+Java邮件) 太空飞船探索网页模板.zip css3 UI开关按钮.zip activiti 基础 web项目 spring mvc 蓝色滑动视差单页网站模板.zip Java web课程管理系统 Struts2+Mysql+JSP jquery动画滑动幻灯片展示.zip ssm框架增删改查 音乐唱片公司网站模板.zip jQuery鼠标拖拽拼图游戏.zip 【PHP源码】FxAsk爱问程序 v2.0 UTF8版_fxask_utf8.zip 微信小程序源码-猫眼电影带后端 webview全屏播放网络视频 jquery坐标标尺滑动效果.zip jQuery过渡动画打开新面板特效.zip jquery php弹出滑块效果.zip 60套HTML5+CSS3后台管理登录模板 纯CSS3夜晚天空月亮动画特效.zip
举报X