如何给每个标签分配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。