编程 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系列(6) 强大的原型和原型链

Jan 15 Javascript

jquery 获取 outerHtml 包含当前节点本身的代码

Oct 30 Javascript

整理一下常见的IE错误

Nov 18 Javascript

jQuery Ajax 实现在html页面实时显示用户登录状态

Dec 30 Javascript

JS中的phototype详解

Feb 04 Javascript

jQuery+ajax实现动态添加表格tr td功能示例

Apr 23 jQuery

详解vue axios二次封装

Jul 22 Javascript

vue中各选项及钩子函数执行顺序详解

Aug 25 Javascript

react高阶组件添加和删除props

Apr 26 Javascript

layui实现把数据表格时间戳转换为时间格式的例子

Sep 12 Javascript

jQuery/JS监听input输入框值变化实例

Oct 17 jQuery

浅析webpack-bundle-analyzer在vue-cli3中的使用

Oct 23 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

一个域名查询的程序

2006/10/09 PHP

zf框架的db类select查询器join链表使用示例(zend框架)

2014/03/14 PHP

ThinkPHP入库出现两次反斜线转义及数据库类转义的解决方法

2014/11/04 PHP

PHP Ajax JavaScript Json获取天气信息实现代码

2016/08/17 PHP

创建无限极分类树型结构的简单方法

2017/06/20 PHP

PHP开发之归档格式phar文件概念与用法详解【创建,使用,解包还原提取】

2017/11/17 PHP

ThinkPHP防止重复提交表单的方法实例分析

2018/05/10 PHP

$.ajax json数据传递方法

2008/11/19 Javascript

JavaScript 闭包深入理解(closure)

2009/05/27 Javascript

json 入门基础教程推荐

2009/10/31 Javascript

html中table数据排序的js代码

2011/08/09 Javascript

JavaScript中获取鼠标位置相关属性总结

2014/10/11 Javascript

使用jQuery 操作table 完成单元格合并的实例

2017/12/27 jQuery

vue单页面应用打开新窗口显示跳转页面的实例

2018/09/21 Javascript

angular 数据绑定之[]和{{}}的区别

2018/09/25 Javascript

[01:09:40]Newbee vs Pain 2018国际邀请赛小组赛BO2 第一场 8.16

2018/08/17 DOTA

Python httplib模块使用实例

2015/04/11 Python

django 删除数据库表后重新同步的方法

2018/05/27 Python

python实现大文件分割与合并

2019/07/22 Python

pandas 如何分割字符的实现方法

2019/07/29 Python

python使用正则表达式去除中文文本多余空格，保留英文之间空格方法详解

2020/02/11 Python

如何用Anaconda搭建虚拟环境并创建Django项目

2020/08/02 Python

python与js主要区别点总结

2020/09/13 Python

python和node.js生成当前时间戳的示例

2020/09/29 Python

canvas实现圆绘制的示例代码

2019/09/11 HTML / CSS

用HTML5的canvas实现一个炫酷时钟效果

2016/05/20 HTML / CSS

建筑专业自我鉴定

2013/10/22 职场文书

国际金融专业大学生职业生涯规划书

2013/12/28 职场文书

创业计划书的主要内容有哪些

2014/01/29 职场文书

学生生病请假条范文

2014/02/16 职场文书

2014年党务公开实施方案

2014/02/27 职场文书

音乐幼师求职信

2014/07/09 职场文书

写给同学的新学期寄语

2015/02/27 职场文书

CSS3 制作的彩虹按钮样式

2021/04/11 HTML / CSS

各国货币符号大全

2022/02/17 杂记

Python中的 Set 与 dict

2022/03/13 Python