問題タブ [ng-tags-input]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - AngularJS:ディレクティブのリンク関数が呼び出されないのはなぜですか?
私はngTagsInputを使用しており、モデルが変更されたときにモデルの検証を実行したいと考えています。これが私が達成したいことのプランカーです。
マークアップ:
フィールド/モデル:
最後に、私のenforceMaxTags指示:
enforceMaxTagsディレクティブはコンパイルされていますlinkが、モデルが変更されても関数は呼び出されません。console.logただし、selectedDataフォーム送信時に正しいオブジェクトが入力されるため、データ バインディングは機能しているように見えます。私は何が欠けていますか？
前もって感謝します。
javascript - 別のコントローラーのクリック時にデータをリセットする
2 つの div があります。最初の div には 2 番目の div が含まれています。含まれている div には独自のコントローラーがあります。コンテナー内のアイコン ボタンをクリックすると、含まれている div の可視性に影響を与える変数が変更されます。
次のようになります。
はng-tags-input<tags-input>から取得され、アイコン ボタンがクリックされるたびに既に入力されているタグをリセットしたいと思います (これにより、ng-tags-input を含む div の可視性が変更されます)。
問題は、TagsControllerデータ ( tags) を含む があり、このデータが に表示されないため、配列をBarControllerリセットして空にする方法がわからないことです。tags
サービスを利用しようと思ったのですが、カップリングが多すぎます。TagsControllerクリック時に呼び出される関数が必要です。しかし、別のコントローラーからそれを行う方法がわかりません
ng-tags-input - ng-invalid スタイルでの ngTagsInput の問題
https://github.com/mbenford/ngTagsInputを使用しています。
URL と必須のタグ入力フィールドを備えた基本的なフォームを作成しました。必須なので、属性 min-tags="1" を使用しました
Bootstrap stylehseet と組み合わせて使用しました。
表示されると、フォームが送信される前であっても、フィールドは赤い影の境界線で表示されます (空であるため)。これは本当に面倒です。回避策はありますか?
- フォームの送信後にのみフィールドを検証しますか?
- min-tags="1" を削除し、必要な側面を確認する別の方法を見つけます。
- css をいじって、この .ng-invalid .tags に適用されたスタイルを破棄します
ありがとうございました
編集：サンプルコード：
プランカーを実行しました: http://plnkr.co/edit/EQcYfr4vLpkeJESho3GL?p=preview
angularjs - ng-tags-input 値でコンマを使用する
オートコンプリートで ng-tags-input を使用しています。オートコンプリート値の一部にコンマが含まれています。ユーザーがコンマを含むオートコンプリート値を選択すると、コンマで複数のタグに分割されます。これを 1 つのタグとして表示する方法はありますか?
たとえば、オートコンプリートが表示され、ユーザーがそれをクリックすると、とMike, Jimの 2 つのタグに分割されます。1つのタグにしたい -MikeJimMike, Jim
ありがとう。
css - ngTagsInput CSS の問題
いくつかのオートコンプリート タグをレンダリングするためにngTagsInputプラグインを使用しています。以前のプロジェクトの 1 つでこれを使用し、問題なく動作しました。
ただし、私の新しいプロジェクトでは、ngTagsInputCSS を追加すると、ユーザーがタグを入力するためのテキスト領域が表示されません。CSS を確認しましたが、CSS をオーバーライドするものは見つかりませんでしたngTagsInput。
問題を示すために作成したPlunkerを見てください。ボタンのみが表示され、tags-inputディレクティブは表示されません。
この CSS を修正するにはどうすればよいですか?
angularjs - ng-tags-input セパレーターを変更するには? (デフォルト: ダッシュ)
スペースで区切られたタグを追加すると、ng-tags-input はスペースをダッシュに置き換えます。代わりにスペース文字を保持するにはどうすればよいですか?
javascript - 動的モデルを使用した ng-tags-input
各要素に異なるタグがある場合、ng-repeat ループ内で ng-tags-input を使用するにはどうすればよいですか? ng-model を動的に設定するにはどうすればよいですか?
前もって感謝します！
angularjs - NgTagInput が自動検索結果を表示しない
メールの自動検索を実装したいngTagsInputを実装しようとしています。そのために、以下のコードを書きます。ただし、自動検索結果は表示されません
HTML :
コントローラー：
サービス ：
そして、私は以下の形式で正常に応答を取得します: