私のプロジェクトでng-tags-inputを使いたいです。ngTagsInputでタグの色付けを設定する方法は?
配列のカラープロパティオブジェクトに応じて、各タグに異なる色を設定しようとしています。
ここには私が取り組んでいるplunkerです。
この目的のために、ng-inputテンプレートでtag-item cssクラスをオーバーライドする必要があります。私が手
<div class="tags-input" ng-style="{background: data.color}">
そして、ここでの結果である:私は、タグ入力のCSSクラスを上書きしようと、この行の
<script type="text/ng-template" id="tag-template">
<div class="tags-input" ng-style="{background: data.color}">
<span>{{$getDisplayText()}}</span>
<a class="remove-button" ng-click="$removeTag()">✖</a>
</div>
:ここ
はNG-入力テンプレートの一例である左端と右端に色が付いていません。
私が間違っていることはありますか?また、タグ入力cssクラスをオーバーライドする方法はありますか?
私はこれまでこのライブラリを使ったことがありませんでしたが、タグとカスタムテンプレートを使用する方法を示すガイドとサンプルがあります。http://mbenford.github.io/ngTagsInput/documentation/guides/custom -templates –
@JBNizet、私は文書を赤字にしましたが、そこに私の問題は見つかりませんでした。 – Michael
私があなたに与えたリンクをクリックするだけです。タグオブジェクトのデータに基づいて、タグにフラグを表示する方法を示します。タグオブジェクトのデータに基づいて色を設定する必要があります。それは本当に同じ問題です。 HTMLテンプレートは、異なる方法で適合させるだけです。 –