ngtagsinput angularjs Как назначить идентификатор каждому тегу

Question

Я использую ngtagsinput (http://mbenford.github.io/ngTagsInput/), чтобы добавить функции выделения в мое приложение. Я не могу понять, как динамически добавлять идентификатор для каждого тега, поскольку он создается. Я буду использовать этот 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> 

Вы можете использовать прилагаемую идентификатор в пользовательском шаблоне, если это необходимо. См. Это Plunker.