脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → AngularJS → AngularJS ng-list 指令

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

 更新时间：2016年08月02日 10:08:08   投稿：lqh  
本文主要介绍AngularJS ng-list 指令,这里帮大家整理了ng-list指令的基本资料,并附有示例代码,有需要的小伙伴可以参考下

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 指令的资料整理，后续继续整理相关资料，谢谢大家支持！

您可能感兴趣的文章:

相关文章

  • angular.js 路由及页面传参示例

    angular.js 路由及页面传参示例

    本篇文章主要介绍了angular.js 路由及页面传参示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • 使用Angular内置模块进行HTTP请求

    使用Angular内置模块进行HTTP请求

    这篇文章主要介绍了使用Angular内置模块进行HTTP请求方法步骤详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-10-10
  • AngularJS中的Directive实现延迟加载

    AngularJS中的Directive实现延迟加载

    延迟加载通常是直到用户交互时才加载，那么如何实现延时加载的呢？下面通过本文一起学习AngularJS中的Directive实现延迟加载，对angularjs延时加载相关知识感兴趣的朋友一起学习吧
    2016-01-01
  • 解决angular的$http.post()提交数据时后台接收不到参数值问题的方法

    解决angular的$http.post()提交数据时后台接收不到参数值问题的方法

    这篇文章为大家分享了解决angular的$http.post()提交数据时后台接收不到参数值问题的方法，感兴趣的小伙伴们可以参考一下
    2015-12-12
  • 浅谈Angular HttpClient简单入门

    浅谈Angular HttpClient简单入门

    本篇文章主要介绍了浅谈Angular HttpClient 简单入门，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • 详解Angular开发中的登陆与身份验证

    详解Angular开发中的登陆与身份验证

    Angular是Google开发的一款浏览器端的高人气JavaScript框架,Angular 经常会被用到后台和管理工具的开发，这两类都会需要对用户进行鉴权。而鉴权的第一步，就是进行身份验证。本文详细介绍了Angular开发中的登陆与身份验证。
    2016-07-07
  • 如何利用AngularJS打造一款简单Web应用

    如何利用AngularJS打造一款简单Web应用

    如果大家希望在应用程序的创建工作中采取各类最佳实践，那么AngularJS也能够带来极大的助益。总而言之，这套框架的强大功能与特性永远不会让有着应用开发需求的朋友们失望
    2015-12-12
  • 使用ng-packagr打包Angular的方法示例

    使用ng-packagr打包Angular的方法示例

    这篇文章主要介绍了使用ng-packagr打包Angular的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • AngularJS的ng Http Request与response格式转换方法

    AngularJS的ng Http Request与response格式转换方法

    这篇文章主要介绍了AngularJS的ng Http Request与response格式转换方法,结合实例形式分析了AngularJS实现Request与response格式转换操作的相关设置与使用技巧,需要的朋友可以参考下
    2016-11-11
  • AngularJS 作用域详解及示例代码

    AngularJS 作用域详解及示例代码

    本文主要介绍AngularJS 作用域的知识，这里整理了基础资料，和示例代码以及实现效果图，有需要的小伙伴可以参考下
    2016-08-08

最新评论