编程 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 keycode总结

Feb 04 Javascript

a标签的href和onclick 的事件的区别介绍

Jul 26 Javascript

window.showModalDialog()返回值的学习心得总结

Jan 07 Javascript

JQuery控制radio选中和不选中方法总结

Apr 15 Javascript

js实现点击按钮后给Div图层设置随机背景颜色的方法

May 06 Javascript

纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示

Sep 12 Javascript

javascript小数精度丢失的完美解决方法

May 31 Javascript

JS中IP地址与整数相互转换的实现代码

Apr 10 Javascript

JS跳转手机站url的若干注意事项

Oct 18 Javascript

微信小程序实现判断是分享到群还是个人功能示例

May 03 Javascript

vue路由跳转传参数的方法

May 06 Javascript

vue iview实现动态新增和删除

Jun 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 中的面向对象编程：通向大型 PHP 工程的办法

2006/12/03 PHP

PHP 抓取新浪读书频道的小说并生成txt电子书的代码

2009/12/18 PHP

在PHP中PDO解决中文乱码问题的一些补充

2010/09/06 PHP

php 安全过滤函数代码

2011/05/07 PHP

php session安全问题分析

2011/06/24 PHP

mysql数据库差异比较的PHP代码

2012/02/05 PHP

Mozilla中显示textarea中选择的文字

2006/09/07 Javascript

不使用中间变量，交换int型的 a, b两个变量的值。

2010/10/29 Javascript

JQuery将文本转化成JSON对象需要注意的问题

2011/05/09 Javascript

jquery判断浏览器类型的代码

2012/11/05 Javascript

js 调用父窗口的具体实现代码

2013/07/15 Javascript

用JQuery实现全选与取消的两种简单方法

2014/02/22 Javascript

JS对象与json字符串格式转换实例

2014/10/28 Javascript

深入理解javascript严格模式(Strict Mode)

2014/11/28 Javascript

JavaScript设计模式之抽象工厂模式介绍

2014/12/28 Javascript

jQuery中eq()方法用法实例

2015/01/05 Javascript

JavaScript判断字符长度、数字、Email、电话等常用判断函数分享

2015/04/01 Javascript

JS onkeypress兼容性写法详解

2016/04/27 Javascript

学做Bootstrap的第一个页面

2016/05/15 HTML / CSS

解析JavaScript实现DDoS攻击原理与保护措施

2016/12/26 Javascript

jquery.cookie.js的介绍与使用方法

2017/02/09 Javascript

微信小程序商城开发（ecshop ）简单实例

2017/04/07 Javascript

Node.js对MongoDB数据库实现模糊查询的方法

2017/05/03 Javascript

Vue2.0 v-for filter列表过滤功能的实现

2018/09/07 Javascript

zepto.js 实时监听输入框的方法

2018/12/04 Javascript

python网络编程实例简析

2014/09/26 Python

django中静态文件配置static的方法

2018/05/20 Python

Falsk 与 Django 过滤器的使用与区别详解

2019/06/04 Python

Python CSS选择器爬取京东网商品信息过程解析

2020/06/01 Python

教你使用Canvas处理图片的方法

2017/11/28 HTML / CSS

欧缇丽加拿大官方网站：Caudalie加拿大

2019/07/18 全球购物

请写出一段Python代码实现删除一个list里面的重复元素

2015/12/29 面试题

2014年清明节网上祭英烈寄语

2014/04/09 职场文书

交通事故私了协议书

2014/04/16 职场文书

启动仪式策划方案

2014/06/14 职场文书

荆州古城导游词

2015/02/06 职场文书