Question

如何在AngularJS中模仿SO中的标签框行为？我正在尝试做一些类似的事情，用户输入一组空格/逗号分隔的单词，并且当每个单词被输入时，我想解析它并将其放入数组中。我知道有很多种方法可以通过定制的javascript来实现这一点，但我希望以最有效的方式利用AngularJS。

目前我有一个基于输入字段的ng模型，我正在进行ng-repeat以创建包含每个标记的跨度，但angular使用逗号作为分隔符，它还包含部分形成的单词。所以我只想包含空格/逗号分隔的单词，并且我想将它们放入一个数组中，这样我就可以在每个输入时对它们进行一些验证，见下文。

<form role="form" class="form-inline" data-ng-submit="updateScore()">
  <input data-ng-list data-ng-model="labels" placeholder="Enter labels" class="form-control" type="text" >
</form>
  <span  data-ng-repeat="label in labels track by $index">
  <span class="badge">
    {{ label }}&nbsp;5&nbsp;<span class="glyphicon glyphicon-remove-sign"></span>
  </span>&nbsp;
</span>

有什么想法吗？

Answer 1

实际想出来......

<input data-ng-list="/[,\s]/" data-ng-model="labels" placeholder="Enter labels" class="form-control" type="text" >

如何在AngularJS中模仿SO中的标签框行为？

1 个答案: