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實現(xiàn)多張圖片上傳并預(yù)覽功能
這篇文章主要為大家詳細(xì)介紹了angularjs實現(xiàn)多張圖片上傳并預(yù)覽功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
基于Angular.js實現(xiàn)的觸摸滑動動畫實例代碼
這篇文章主要介紹了基于Angular.js實現(xiàn)的觸摸滑動動畫實例代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-02-02
本篇文章主要介紹了angularJS模態(tài)框$modal實例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
這篇文章主要介紹了AngularJs實現(xiàn)聊天列表實時刷新功能,需要的朋友可以參考下2017-06-06
本篇文章主要介紹了angularJS 指令封裝回到頂部示例詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-01-01
Angular應(yīng)用打包和部署實現(xiàn)過程詳解
這篇文章主要為大家介紹了Angular應(yīng)用打包和部署實現(xiàn)過程詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
本篇文章主要介紹了AngularJS手勢事件的使用總結(jié)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
angularjs在ng-repeat中使用ng-model遇到的問題
本文給大家分享了一個個人在使用angular過程中遇到的在ng-repeat中使用ng-model的問題，并附上簡單的解決辦法，希望能對大家學(xué)習(xí)angular有所幫助2016-01-01
這篇文章主要為大家詳細(xì)介紹了Angularjs總體介紹及數(shù)據(jù)綁定部分內(nèi)容，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了AngularJS表單校驗用法,結(jié)合實例形式分析了AngularJS各種常見的表單校驗功能及使用技巧,需要的朋友可以參考下2016-11-11