問題タブ [ng-tags-input]

ngTagsInput で利用可能な autoComplete を使用してカスタム オート コンプリート ディレクティブを作成しています。しかし、autoComplete のテンプレート内の親コントローラーからデータにアクセスする必要があります。$parent を使用してみましたが、うまくいきません。私は単純なプランカーを作成しました。

html:

app.js

ここにプランカーのリンクがあります：

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

見出しとして表示するフィールドを指定し、対応する表示名ですべての小見出しを表示する必要があります。

これは私のindex.html

emailViewController.js

Typeaheadinputタグ（属性であった）を削除してtags-inputディレクティブを追加するまで、正常に機能していました。だから、私は<input placeholder="To" ng-model="select" typeahead="toPerson for toPerson in to | filter:$viewValue" style="width:95%;">以前に持っていました。今、私は持っていますが、うまくいき<tags-input placeholder="To" ng-model="select" typeahead="toPerson for toPerson in to | filter:$viewValue" style="width:95%;">ません。

typeaheadでのみ動作するため、これが発生したと思いますinput tags。typeaheadで作業する方法についてアイデアを持っている人はいますngTagsInputか?

autocomplete混乱を避けるために、 を使用する方法を知っていることを明確にしたいと思いますngTagsInput。私の質問は、私が直面している問題を具体的に対象としtypeaheadていngTagsInputます。

ここにプランカーがあります: http://plnkr.co/edit/B1aV9TLu58a2iGhpTUrN?p=preview

アップデート

angular-tagsの代わりに使用して問題を解決しましたngTagsInput。ngTagsInputでは動作しませんtypeahead。選択された最良の回答は、なぜそうなのかをよく説明しています。これは、この問題を解決するプランカーですangular-tags- http://plnkr.co/edit/PaG1k5N37BTOflObnN7K?p=preview

これはウェブサイトのデモですngTagsInput: http://mbenford.github.io/ngTagsInput/demos

入力フィールドに入力すると、 throughtag10を含むリストが表示されます。入力したので、表示されたリストに太字で表示されます。リストの上に表示する方法はありますか？Tag 4Tag10Tag10tag10

と入力すると、スルーが表示されるtagのが理にかなっているので、この機能を実現したいと考えています。ただし、入力すると、のみ表示されます。ユーザーが明確に入力したときにスルー表示する意味がわかりません。tag4tag10tag10tag10tag4tag9tag10

編集

autocomplete投稿したリンクをクリックしても動かない場合はSimple tags input with autocomplete、同じページのリンクをクリックしてください。

アップデート

仕事に行けなかっngTagsInputたのでangular-tags、自分の問題を解決していました。ここに作業プランカーがあります - http://plnkr.co/edit/elPefHusJMunHEOhP0HI?p=preview

ngTagsInput複数の電子メール ID を取得するために Angular プラグインを使用しています。以下は私のコードです：

上記のコード 3 では、次のような検証が追加されています。

1. 必須フィールドの場合。
2. フィールドは電子メール ID のみを受け入れる必要があります。
3. 重複した電子メール ID を許可しないでください。

上記のケースは正常に機能しています。しかし、上記のケースが発生した場合に応じて、エラーメッセージを動的に表示したい。私を助けてください ！！！

アプリにハイライト機能を追加するためにngtagsinput ( http://mbenford.github.io/ngTagsInput/ ) を使用しています。各タグの作成時に動的に ID を追加する方法がわかりません。この ID を使用して、作成後に各タグ アイテムのスタイルを編集します。カスタム テンプレートに関するデモを見ましたが、これはタグの配列を事前定義した場合にのみ機能します。私はおそらく問題であるAngularの初心者です...ヒントはありますか?

ng-tags-input の使用はうまく機能しますが、<label for="my-field">機能しないものがあります。input要素内の実際の要素にng-tags-inputは name または id 属性がないため、for属性で対象にすることはできません。不足しているものはありますか、それともカスタム JavaScript を使用して、ラベルをクリックするとフィールドがフォーカスされるブラウザで通常のラベルのように動作させる必要がありますか?

ここに問題を示す plunkr があります: http://plnkr.co/edit/D3OLro?p=preview

最初の入力は、ラベルをクリックしてフォーカスできますが、ng-tags-input ではフォーカスできません

API コントローラー .net Mvc 6 によって返された Json リストで ng-tags-input を使用しようとしています。リストは json で作成されますが、このリストをオートコンプリートで表示しようとすると、何も機能しません。オートコンプリート リストが表示されず、Chrome コンソールにエラーが表示されません。

これは私のリストのオブジェクトです:

これは私のコントローラーでの私の方法です:

そしてHtmlのタグ：

これは、$scope.shops に入力する私のコードです。

API コントローラー:

アンギュラショップCtrl:

angularjs EmployeeCtrl :

しかし、私のjsonリストから私の問題はないと思います。誰かが私を助けてくれることを願っています。良い１日を。

このライブラリをイオン プロジェクト (クロス プラットフォーム モバイル アプリケーション) で使用し、 minLength : 1 を設定しようとしましたが、デフォルト値 (つまり 3) を使用します。どうすればこれを達成できますか?