ngtagsinput angularjs 如何给每个标签分配id

Question

我正在使用 ngtagsinput (http://mbenford.github.io/ngTagsInput/) 为我的应用程序添加突出显示功能。我无法弄清楚如何在创建每个标签时为其动态添加一个 id。创建后，我将使用此 ID 来编辑每个标签项的样式。我看过关于自定义模板的演示，但这只有在您预先定义标签数组时才有效。我是 Angular 的新手，这可能是问题所在...有什么提示吗？

Answer 1

您可以使用 on-tag-added 处理程序添加 ID。我做了一个非常简单的逻辑，将标签的数量附加为id，但是你可以做任何你想做的事情。

$scope.onTagAdded = function($tag) {
    var index = $scope.tags.indexOf($tag);
    $scope.tags[index].id = $scope.tags.length;
};

并且在 HTML 中：

<tags-input ng-model="tags" on-tag-added="onTagAdded($tag)"></tags-input>

然后，如果需要，您可以在自定义模板中使用附加的 ID。看到这个 Plunker.

ngtagsinput angularjs 如何给每个标签分配id

ngtagsinput angularjs How to assign id to each tag

angularjs

ng-tags-input