angularjs - 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。