問題タブ [ng-tags-input]

ngTagsInput を使用して受信者リストを実装しています。インライン検証メッセージを表示するには、「on-invalid-tag」プロパティを追加します。問題は、ユーザーがメッセージを表示した後にメッセージを非表示にし、何かを削除または追加して間違った入力を修正し始める必要があるということです。

デフォルトのスタイルでは、新しい入力が無効な場合、ユーザーが新しいタグを作成しようとすると赤で出力されます。しかし、バックスペースを押すか、任意の文字を入力すると、色が通常に変わります。その動作は、検証メッセージに必要なものです。ng-tags-input.js で newTag.invalid を使用して赤いテキスト バインディングと共に表示および非表示にする必要があります。

しかし、そのようなイベントや機能はないようです。そして、ng-change を使用して入力の変更イベントをキャッチしようとしましたが、うまくいきません。そうする方法はありますか？

これがコードです。

Angular + Firebase アプリケーションにタグ付けを追加するために ng-tags-input を使用しています。

オートコンプリートを利用して firebaseArray からタグを自動入力しようとすると、/tags の Firebase に保存されている既存のタグの値を取得しようとすると、次のエラーが発生します。

エラー

これが私のコードです...

HTML

ジャバスクリプト

ご覧のとおり、私は最新の Firebase バージョン (2.4.0) を使用しており、Firebase クエリで Promises を使用しています...コンソール出力を見ると、エラーがトリガーされた後に Promise がどこで満たされているかがわかります. .

質問？

ng-tags-input を非同期で実行し、約束が満たされた場合にのみ値をロードするように設定する方法はありますか?

助けや提案をいただければ幸いです。

乾杯！@FellowHobbyist

現在、検索バーに ngTagsInput ディレクティブを使用しています。ただし、選択時に結果をクリアしたり、タグが検索バーに表示されないようにする方法を見つけるのに苦労しています。

これは私が現在持っているものです：

そして、これは私が取得しようとしているものです:

Enterキーの押下を検出するディレクティブを作成してから、 myEnter=$('tags-item').remove() を使用して、作成中の要素を削除しようとしましたが、機能しなかっただけでなく、理想的ではない:

ngTagsInput ライブラリを使用しています。ただし、1 つのユースケースではうまく機能しません。重複した値を入力すると。on-tag-adding イベントが重複した値で発生しています。私は何かを見逃しているか、関数でもっと何かをする必要があることを理解していません。

http://plnkr.co/edit/DYndyhVagvVBIMF5KqvF?p=preview

これが私のコードです。

ソースからプルしている場合

[{テキスト: 'a'}, {テキスト: 'ab'}, {テキスト: 'abc'}]

ユーザーが「abcd」と入力すると、ユーザーが「abcd」タグを作成できないようにするにはどうすればよいですか?

ng-tags-input を追加した Web ページのテストを自動化しようとしています。Selenium Webdriver を使用して ng-tags-input にタグを追加するのに問題があります。Selenium は要素を見つけますが、sendKeys() 関数はそれにテキストを追加しません。

セレンコード (v. 2.49.0):

HTML:

最終的な HTML:

このコードには問題があると思います。タグをクリックして削除すると、クリック イベントがホスト div に伝達され、入力ボックスがフォーカスされるためです。

入力ボックスがタグの削除に集中するのを防ぐ方法または属性はありますか?

オートコンプリートで ngTagsInput ディレクティブを使用しています。同じ「tag_token」プロパティを持つ 2 つのタグがなければ、すべて正常に動作します。

これは私が得る私の応答です:

見る

このエラーが発生しています：