angularjs - ngtagsinput angularjs 如何为每个标签分配id

标签 angularjs ng-tags-input

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

最佳答案

您可以使用 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 .

关于angularjs - ngtagsinput angularjs 如何为每个标签分配id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32505154/

相关文章:

javascript - 显示与选项不同的文本

javascript - Angularjs 在 DOM 渲染时加载微调器或加载逻辑

javascript - ngRepeat :dupes - Duplicates in a repeater are not allowed

javascript - blockui 与 angular js 中的 ng-tag-input 库不兼容?

css - 如何在 angular-schema-form 模式而不是表单中设置表单元素的样式?

javascript - Angular.js 模板在离开并返回路线之前不会呈现

angularjs - 如何在 ngTagsInput 中设置标签的颜色?

angularjs - ngTags输入: disabling the input for tags upon a condition

html - 覆盖第三方输入中的占位符值

javascript - 如何消除 Angular Controller 中的代码重复?