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>