<!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>在輸入框中,輸入一些文本,并使用逗號(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>測(cè)試看看 ?/?ng-list 指令將字符串轉(zhuǎn)換為數(shù)組,并使用逗號(hào)分隔。
ng-list 指令還有另外一種轉(zhuǎn)換方式,如果你有字符串?dāng)?shù)組希望在輸入框中顯示,你可以在 input 上使用 ng-list 指令。
ng-list 屬性值定義了分隔符。
<element ng-list="separator"></element>
<input>, <select>, <textarea>, 和其他可編輯元素支持該指令。
| 值 | 描述 |
|---|---|
| separator | 可選,定義分隔符,默認(rèn)為", " |