AngularJS基礎(chǔ) ng-list 指令詳解及示例代碼
更新時間：2016年08月02日 10:08:08 投稿：lqh
本文主要介紹AngularJS ng-list 指令,這里幫大家整理了ng-list指令的基本資料,并附有示例代碼,有需要的小伙伴可以參考下
AngularJS ng-list 指令
AngularJS 實例
轉(zhuǎn)換用戶的輸入為數(shù)組:
<!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>當(dāng)使用 ng-list 指令時，你的輸入信息會轉(zhuǎn)換為數(shù)組，如下所示：</p>
<pre>{{customers}}</pre>
</div>
</body>
</html>
定義和用法
ng-list 指令將字符串轉(zhuǎn)換為數(shù)組，并使用逗號分隔。
ng-list 指令還有另外一種轉(zhuǎn)換方式，如果你有字符串?dāng)?shù)組希望在輸入框中顯示，你可以在 input 上使用 ng-list 指令。
ng-list 屬性值定義了分隔符。
語法
<element ng-list="separator"></element>
<input>, <select>, <textarea>, 和其他可編輯元素支持該指令。
參數(shù)值
| 值 | 描述 |
|---|---|
| separator | 可選,定義分隔符，默認(rèn)為", " |
以上就是對AngularJS ng-list 指令的資料整理，后續(xù)繼續(xù)整理相關(guān)資料，謝謝大家支持！
相關(guān)文章
詳解AngularJS用Interceptors來統(tǒng)一處理HTTP請求和響應(yīng)
本篇文章主要介紹了AngularJS用Interceptors來統(tǒng)一處理HTTP請求和響應(yīng) ，具有一定的參考價值，有興趣的可以了解一下2017-06-06
AngularJS入門教程之?dāng)?shù)據(jù)綁定原理詳解
這篇文章主要介紹了AngularJS數(shù)據(jù)綁定原理,較為詳細(xì)的分析了AngularJS數(shù)據(jù)綁定的原理、使用技巧與相關(guān)注意事項,需要的朋友可以參考下2016-11-11
本篇文章主要介紹了AngularJS實現(xiàn)頁面定時刷新，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
這篇文章主要為大家詳細(xì)介紹了angular實現(xiàn)商品篩選功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
AngularJS 監(jiān)聽變量變化的實現(xiàn)方法
今天小編就為大家分享一篇AngularJS 監(jiān)聽變量變化的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10
今天小編就為大家分享一篇對angular 實時更新模板視圖的方法$apply詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10
Angular 理解module和injector，即依賴注入
本文主要介紹Angular 理解module和injector的知識，這里整理了相關(guān)知識，并詳細(xì)介紹了依賴注入的問題，有興趣的小伙伴可以參考下2016-09-09
angular8.5集成TinyMce5的使用和詳細(xì)配置(推薦)
這篇文章主要介紹了angular8.5集成TinyMce5的使用和詳細(xì)配置,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-11-11
這篇文章主要介紹了angular6 填坑之sdk的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
本文主要介紹AngularJS ng-app 指令，這里整理了ng-app指令的一些資料，并附實例代碼，有需要的小伙伴可以參考下2016-07-07