如何动态创建输入字段的逗号分隔项目的无序列表

Question

如果我提供这样的输入

<input type="text" ng-model="entries" placeholder="Type several entries">

当用户键入像"Book，magazine，spaper"这样的字符串时，如何将每个逗号分隔的条目动态拆分为无序列表项我想这适用于ng-list，但我还没能让它工作。

我试过了：

<div ng-repeat="entry in entries">
  <ul ngModel="entries">{{entries}}</ul>
</div>

Answer 1

您考虑ng-list是正确的。用法很简单：

 <input ng-list ng-model="entries" placeholder="Type several entries">
 <ul>
   <li ng-repeat="e in entries">
     {{e}}
   </li>
 </ul>

这是一个改编自api文档的演示：http://plnkr.co/edit/LBZgQD5xwOS9fORXjOt5?p=preview