编程 Javascript

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 属性值定义了分隔符。

语法

<input>, <select>, <textarea>, 和其他可编辑元素支持该指令。

参数值

值	描述
separator	可选,定义分隔符，默认为", "

以上就是对AngularJS ng-list 指令的资料整理，后续继续整理相关资料，谢谢大家支持！

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

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

优化网页之快速的呈现我们的网页

Jun 29 Javascript

Extjs 3.3切换tab隐藏相应工具栏出现空白解决

Apr 02 Javascript

JavaScript基础篇之变量作用域、传值、传址的简单介绍与实例

Jun 29 Javascript

javascript获取dom的下一个节点方法

Sep 05 Javascript

基于jquery实现的仿优酷图片轮播特效代码

Jan 13 Javascript

jQuery Checkbox 全选反选的简单实例

Nov 29 Javascript

BootStrap select2 动态改变值的方法

Feb 10 Javascript

bootstrap 下拉多选框进行多选传值问题代码分析

Feb 14 Javascript

浅谈原生JS中的延迟脚本和异步脚本

Jul 12 Javascript

js实现网页的两个input标签内的数值加减(示例代码)

Aug 15 Javascript

详解Angular6.0使用路由步骤(共7步)

Jun 29 Javascript

JavaScript实现拖拽和缩放效果

Aug 24 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

使用php4加速网络传输

2006/10/09 PHP

Discuz!下Memcache缓存实现方法

2010/05/28 PHP

PHP数组遍历知识汇总（包含遍历方法、数组指针操作函数、数组遍历测速）

2014/07/05 PHP

PHP四种基本排序算法示例

2015/04/09 PHP

JS TextArea字符串长度限制代码集合

2012/10/31 Javascript

JavaScript mapreduce工作原理简析

2012/11/25 Javascript

浅析js设置控件的readonly与enabled属性问题

2013/12/25 Javascript

使用js画图之画切线

2015/01/12 Javascript

jQuery实现鼠标悬停3d菜单展开动画效果

2017/01/19 Javascript

JavaScript数组复制详解

2017/02/02 Javascript

AngularJS动态绑定ng-options的ng-model实例代码

2017/06/21 Javascript

JavaScript之DOM_动力节点Java学院整理

2017/07/03 Javascript

jQuery的时间datetime控件在AngularJs中的使用实例(分享)

2017/08/17 jQuery

浅谈在koa2中实现页面渲染的全局数据

2017/10/09 Javascript

vuejs router history 配置到iis的方法

2018/09/20 Javascript

详解微信小程序中组件通讯

2018/10/30 Javascript

vue-cli配置flexible过程详解

2019/07/04 Javascript

让mocha支持ES6模块的方法实现

2020/01/14 Javascript

使用webpack搭建pixi.js开发环境

2020/02/12 Javascript

js事件机制----捕获与冒泡机制实例分析

2020/05/22 Javascript

[01:34]DAC2018主赛事第四日五佳镜头 Gh巨牙海民助Miracle-死里逃生

2018/04/07 DOTA

[01:07:46]完美世界DOTA2联赛循环赛 Magma vs IO BO2第二场 11.01

2020/11/02 DOTA

Python 异常处理实例详解

2014/03/12 Python

详解python中的 is 操作符

2017/12/26 Python

python 将数据保存为excel的xls格式(实例讲解)

2018/05/03 Python

python模块hashlib(加密服务)知识点讲解

2019/11/25 Python

python中图像通道分离与合并实例

2020/01/17 Python

Python脚本打包成可执行文件过程解析

2020/10/20 Python

python基于openpyxl生成excel文件

2020/12/23 Python

python中HTMLParser模块知识点总结

2021/01/25 Python

赫里福德的一家乡村零售商店：Philip Morris & Son

2017/06/25 全球购物

家具厂厂长岗位职责

2014/01/01 职场文书

2014年五四青年节演讲比赛方案

2014/04/22 职场文书

幼儿园保育员责任书

2014/07/22 职场文书

MySQL 计算连续登录天数

2022/05/11 MySQL

SQL Server中搜索特定的对象

2022/05/25 SQL Server