ngtagsinput angularjs如何爲每個標籤分配標識

Question

我正在使用ngtagsinput（http://mbenford.github.io/ngTagsInput/）向我的應用添加高亮功能。我無法弄清楚如何動態地爲每個標籤創建一個id。我將使用此ID來編輯每個標籤項目創建後的樣式。我看到了關於自定義模板的演示，但只有在您預先定義了標籤數組時纔有效。我是Angular的新手，這可能是問題...任何提示？

Answer 1

您可以使用on-tag-added處理程序添加標識。我做了一個非常簡單的邏輯，將標籤的數量作爲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。