<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/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 指令時,你的輸入信息會轉(zhuǎn)換為數(shù)組,如下所示:</p> <pre>{{customers}}</pre> </div> </body> </html>測試看看 ?/?
ng-list 指令將字符串轉(zhuǎn)換為數(shù)組,并使用逗號分隔。
ng-list 指令還有另外一種轉(zhuǎn)換方式,如果你有字符串數(shù)組希望在輸入框中顯示,你可以在 input 上使用 ng-list 指令。
ng-list
屬性值定義了分隔符。
<element ng-list="separator"></element>
<input>, <select>, <textarea>, 和其他可編輯元素支持該指令。
值 | 描述 |
---|---|
separator | 可選,定義分隔符,默認為", " |