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 相关文章推荐
window.location.href IE下跳转失效的解决方法
Mar 27 Javascript
moment.js轻松实现获取当前日期是当年的第几周
Feb 05 Javascript
JS百度地图搜索悬浮窗功能
Jan 12 Javascript
利用Js+Css实现折纸动态导航效果实例源码
Jan 25 Javascript
vue-router 手势滑动触发返回功能
Sep 30 Javascript
vue打包之后生成一个配置文件修改接口的方法
Dec 09 Javascript
实例分析编写vue组件方法
Feb 12 Javascript
js常用正则表达式集锦
May 17 Javascript
js中console在一行内打印字符串和对象的方法
Sep 10 Javascript
JavaScript如何把两个数组对象合并过程解析
Oct 10 Javascript
jQuery实现全选、反选和不选功能的方法详解
Dec 04 jQuery
Vue中keep-alive 实现后退不刷新并保持滚动位置
Mar 17 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下使用SMTP发邮件的代码
2008/01/10 PHP
php 连接mssql数据库 初学php笔记
2010/03/01 PHP
php处理restful请求的路由类分享
2014/02/27 PHP
详细解读php的命名空间(二)
2018/02/21 PHP
使用js简单实现了tree树菜单
2013/11/20 Javascript
jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享
2015/04/22 Javascript
jQuery实现垂直半透明手风琴特效代码分享
2015/08/21 Javascript
jQuery实现带水平滑杆的焦点图动画插件
2016/03/08 Javascript
JavaScript语言精粹经典实例(整理篇)
2016/06/07 Javascript
jQuery实现查找最近父节点的方法
2016/06/23 Javascript
AngularJS实现一次监听多个值发生的变化
2016/08/31 Javascript
AngularJS实现路由实例
2017/02/12 Javascript
基于jQuery对象和DOM对象和字符串之间的转化实例
2017/08/08 jQuery
mpvue微信小程序多列选择器用法之省份城市选择的实现
2019/03/07 Javascript
详解vue的数据劫持以及操作数组的坑
2019/04/18 Javascript
vue-cli随机生成port源码的方法
2019/09/02 Javascript
[06:38]DOTA2怒掀电竞风暴 2013Chinajoy
2013/07/27 DOTA
在Python的setuptools框架下生成egg的教程
2015/04/13 Python
Python读写txt文本文件的操作方法全解析
2016/06/26 Python
Python模拟登陆淘宝并统计淘宝消费情况的代码实例分享
2016/07/04 Python
Python开发之pip安装及使用方法详解
2020/02/21 Python
tensorflow 2.1.0 安装与实战教程(CASIA FACE v5)
2020/06/30 Python
详细分析Python可变对象和不可变对象
2020/07/09 Python
详解Python中的文件操作
2021/01/14 Python
新西兰廉价汽车租赁:Snap Rentals
2018/09/14 全球购物
理肤泉英国官网:La Roche-Posay英国
2019/01/14 全球购物
网站域名和主机:Domain.com
2019/04/01 全球购物
资深生产主管自我评价
2013/09/22 职场文书
运动会通讯稿400字
2014/01/28 职场文书
教师职称自我鉴定
2014/02/12 职场文书
西式婚礼主持词
2014/03/13 职场文书
会计毕业生自荐书
2014/06/12 职场文书
党员承诺书格式范文
2015/04/28 职场文书
教师学习心得体会范文
2016/01/21 职场文书
高中生物教学反思
2016/02/20 职场文书
go原生库的中bytes.Buffer用法
2021/04/25 Golang