通过在文本框中输入分隔AngularJs 1.3多值

时间:2017-01-16 16:31:46

标签: javascript angularjs

我正在寻找一种方法来了解如何在文本框中添加多个值,比如标记条目。 我有一个应用程序,我可以在一个事件上添加多个用户,我希望能够点击进入或点击一些用户将其添加为该文本框内的标签。最好的例子是stackoverflow标签区域。 有什么建议,资源或想法吗? 谢谢大家。

PS。我已经使用角度2做了一点工作,我记得供应商提供了一些东西,但找不到类似于angularjs的东西

2 个答案:

答案 0 :(得分:0)

您可以在ng-list directive中使用角度构建:



<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="myCtrl">
  <input ng-model="tags" ng-list />
  <ul>
    <li ng-repeat="tag in tags">{{ tag }}</li>
  </ul>
</div>
&#13;
text-wrap
&#13;
&#13;
&#13;

答案 1 :(得分:0)

尝试ngTagsInput:它是AngularJS的 标签输入指令。这是一个代码示例:

<tags-input ng-model="tags"></tags-input>
<p>Model: {{tags}}</p>

你会发现它在this plunker

中有效