上一节:
下一节:

  AngularJS ng-list 指令

  • 定义和用法

    ng-list 指令使用逗号作为默认分隔符，将字符串转换为字符串数组。
    ng-list 指令也会进行相反的转换，如果您希望将一个字符串数组显示为输入字段中的字符串，则可以将 ng-list 指令放在输入字段中。
    ng-list 属性的值定义分隔符。

  • 语法

    <element ng-list="separator"></element>
    由 <input> 和 <textarea> 元素支持该指令。

  • 参数

    参数 必需的 描述
    separator 否 定义分隔符，默认值为 ",  "

  • 示例

    下例演示了将用户输入转换为数组： 
    <!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="UTF-8">
 <title>欢迎来到蝴蝶教程</title>
 <script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
 </head>
 <body ng-app="">
      <p>在输入字段中输入一些名称，使用逗号分隔它们：</p>
      <input ng-model="customers" ng-list/>
      <p>包含ng-list指令后，您的输入将转换为一个数组，每个名称一项：</p>
      <pre>{{customers}}</pre>
 </body>
 </html>
    尝试一下

  • 相关页面

返回 AngularJS 参考手册
上一节:
下一节: