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

时间:2014-04-14 19:50:34

标签: angularjs

如果我提供这样的输入

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

当用户输入“书籍,杂志,报纸”等字符串时,如何将每个以逗号分隔的条目动态拆分为无序列表项?我想这适用于{{1}但是我无法让它发挥作用。

我试过这样:

ng-list

1 个答案:

答案 0 :(得分:1)

你考虑ng-list是对的。用法很简单:

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

 <ul>
   <li ng-repeat="e in entries">
     {{e}}
   </li>
 </ul>

改编自api documentation,这是一个演示:http://plnkr.co/edit/LBZgQD5xwOS9fORXjOt5?p=preview