AngularJS ng-list 指令

实例

将用户输入转换为数组:

  1. <!DOCTYPE html>
  2. <html>
  3. <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
  4. <body>
  5. <div ng-app="">
  6. <p>在输入框中写一些名字,用逗号隔开:</p>
  7. <input ng-model="customers" ng-list/="">
  8. <p>当包含 ng-list 指令时,您的输入将转换为一个数组,每个名称对应一个项目:</p>
  9. <pre>{{customers}}</pre>
  10. </div>
  11. </body>
  12. </html>

定义与用法

ng-list 指令使用逗号作为默认分隔符,将字符串转换为字符串数组。

ng-list 指令也会反过来进行转换,如果有一个字符串数组希望在输入字段中显示为字符串,则将 ng-list 指令放在输入字段中。

ng-list 属性的值定义分隔符。


语法

  1. <element ng-list="separator"></element>

由 <input> 和 <textarea> 元素支持。


参数值

描述
separator可选, 定义分隔符,默认值为 ", "

分类导航