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 をカスタム テンプレートで使用できます。このプランカーを参照してください。