javascript - Angular 中的 ngTagsInput

Question

我在 Angular 中使用 tagsInput Api

这里是link

我想在空间上添加一个标签。但它不起作用。

这是我的代码

<tags-input  ng-model="emails" placeholder="Add an Email"  [add-on-space="true"]>

我还想在标签中添加电子邮件验证器。我不知道。

知道如何做到这一点吗？

谢谢

Answer 1

尝试从属性中删除方括号。例如:

<tags-input  ng-model="emails" placeholder="Add an Email" add-on-space="true">

方括号仅在其文档中用于指示可选的。在当前形式下，您的 HTML 无效。

要验证电子邮件，请尝试使用正则表达式的“allowed-tags-pattern”属性，如下所示:

<tags-input ng-model="emails" placeholder="Add an Email" add-on-space="true" allowed-tags-pattern="^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$">

希望这有帮助。