AngularJS基礎(chǔ) ng-list 指令詳解及示例代碼
更新時(shí)間：2016年08月02日 10:08:08 投稿：lqh
本文主要介紹AngularJS ng-list 指令,這里幫大家整理了ng-list指令的基本資料,并附有示例代碼,有需要的小伙伴可以參考下
AngularJS ng-list 指令
AngularJS 實(shí)例
轉(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>在輸入框中，輸入一些文本，并使用逗號(hào)分隔它們：</p>
<input ng-model="customers" ng-list/>
<p>當(dāng)使用 ng-list 指令時(shí)，你的輸入信息會(huì)轉(zhuǎn)換為數(shù)組，如下所示：</p>
<pre>{{customers}}</pre>
</div>
</body>
</html>
定義和用法
ng-list 指令將字符串轉(zhuǎn)換為數(shù)組，并使用逗號(hào)分隔。
ng-list 指令還有另外一種轉(zhuǎn)換方式，如果你有字符串?dāng)?shù)組希望在輸入框中顯示，你可以在 input 上使用 ng-list 指令。
ng-list 屬性值定義了分隔符。
語(yǔ)法
<element ng-list="separator"></element>
<input>, <select>, <textarea>, 和其他可編輯元素支持該指令。
參數(shù)值
| 值 | 描述 |
|---|---|
| separator | 可選,定義分隔符，默認(rèn)為", " |
以上就是對(duì)AngularJS ng-list 指令的資料整理，后續(xù)繼續(xù)整理相關(guān)資料，謝謝大家支持！
相關(guān)文章
angularjs實(shí)現(xiàn)多張圖片上傳并預(yù)覽功能
這篇文章主要為大家詳細(xì)介紹了angularjs實(shí)現(xiàn)多張圖片上傳并預(yù)覽功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
基于Angular.js實(shí)現(xiàn)的觸摸滑動(dòng)動(dòng)畫實(shí)例代碼
這篇文章主要介紹了基于Angular.js實(shí)現(xiàn)的觸摸滑動(dòng)動(dòng)畫實(shí)例代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-02-02
angularJS模態(tài)框$modal實(shí)例代碼
本篇文章主要介紹了angularJS模態(tài)框$modal實(shí)例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05
AngularJs實(shí)現(xiàn)聊天列表實(shí)時(shí)刷新功能
這篇文章主要介紹了AngularJs實(shí)現(xiàn)聊天列表實(shí)時(shí)刷新功能,需要的朋友可以參考下2017-06-06
本篇文章主要介紹了angularJS 指令封裝回到頂部示例詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-01-01
Angular應(yīng)用打包和部署實(shí)現(xiàn)過(guò)程詳解
這篇文章主要為大家介紹了Angular應(yīng)用打包和部署實(shí)現(xiàn)過(guò)程詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
AngularJS ionic手勢(shì)事件的使用總結(jié)
本篇文章主要介紹了AngularJS手勢(shì)事件的使用總結(jié)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
angularjs在ng-repeat中使用ng-model遇到的問(wèn)題
本文給大家分享了一個(gè)個(gè)人在使用angular過(guò)程中遇到的在ng-repeat中使用ng-model的問(wèn)題，并附上簡(jiǎn)單的解決辦法，希望能對(duì)大家學(xué)習(xí)angular有所幫助2016-01-01
這篇文章主要為大家詳細(xì)介紹了Angularjs總體介紹及數(shù)據(jù)綁定部分內(nèi)容，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了AngularJS表單校驗(yàn)用法,結(jié)合實(shí)例形式分析了AngularJS各種常見的表單校驗(yàn)功能及使用技巧,需要的朋友可以參考下2016-11-11