编程 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 相关文章推荐

JavaScript 格式字符串的应用

Mar 29 Javascript

jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误

Jan 11 Javascript

Node.js开发者必须了解的4个JS要点

Feb 21 Javascript

分享一个插件实现水珠自动下落效果

Jun 01 Javascript

浅谈Angular的$q, defer, promise

Dec 20 Javascript

jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】

Mar 04 Javascript

基于JS实现网页中的选项卡（两种方法）

Jun 16 Javascript

详解Vue2.x-directive的学习笔记

Jul 17 Javascript

vue axios 给生产环境和发布环境配置不同的接口地址(推荐)

May 08 Javascript

微信小程序中使用Async-await方法异步请求变为同步请求方法

Mar 28 Javascript

微信小程序自定义波浪组件使用方法详解

Sep 21 Javascript

微信小程序实现可长按移动控件

Nov 01 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二维/三维数组转字符串

2013/09/13 PHP

php分页函数示例代码分享

2014/02/24 PHP

PHP+MySQL修改记录的方法

2015/01/21 PHP

php编写简单的文章发布程序

2015/06/18 PHP

php实现编辑和保存文件的方法

2015/07/20 PHP

JavaScript 组件之旅（二）编码实现和算法

2009/10/28 Javascript

javascript学习笔记（七）Ajax和Http状态码

2014/10/08 Javascript

JS判断字符串包含的方法

2015/05/05 Javascript

深入学习JavaScript的AngularJS框架中指令的使用方法

2016/03/05 Javascript

jQuery隐藏和显示效果实现

2016/04/06 Javascript

浅析ES6的八进制与二进制整数字面量

2016/08/30 Javascript

JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)

2016/09/05 Javascript

js复制内容到剪贴板代码,js复制代码的简单实例

2016/10/27 Javascript

ES6概念 ymbol.for()方法

2016/12/25 Javascript

react-router中的属性详解

2017/06/01 Javascript

JS中的多态实例详解

2017/10/15 Javascript

解决Jstree 选中父节点时被禁用的子节点也会选中的问题

2017/12/27 Javascript

JS中offset和匀速动画详解

2018/02/06 Javascript

一种angular的方法级的缓存注解（装饰器）

2018/03/13 Javascript

Vue.js 图标选择组件实践详解

2018/12/03 Javascript

js实现图片放大并跟随鼠标移动特效

2019/01/18 Javascript

深入理解 JS 垃圾回收

2019/06/03 Javascript

element-ui中dialog弹窗关闭按钮失效的解决

2020/09/22 Javascript

Python从零开始创建区块链

2018/03/06 Python

Linux-ubuntu16.04 Python3.5配置OpenCV3.2的方法

2018/04/02 Python

使用 Python 玩转 GitHub 的贡献板(推荐)

2019/04/04 Python

opencv-python的RGB与BGR互转方式

2020/06/02 Python

最新教师自我评价分享

2013/11/12 职场文书

应届护士推荐信

2013/11/16 职场文书

教室标语大全

2014/06/21 职场文书

汽车转让协议书

2015/01/29 职场文书

城管个人总结

2015/02/28 职场文书

求职信：会计求职的写作技巧

2019/04/24 职场文书

Mac电脑OS系统下安装Nginx的详细教程

2022/04/14 Servers

Go gRPC进阶教程gRPC转换HTTP

2022/06/16 Golang

redis lua限流算法实现示例

2022/07/15 Redis