問題タブ [ng2-tag-input]

経由でダウンロードしたサードパーティ製コンポーネントのスタイルをカスタマイズするには、どのような方法が推奨されますnpmか?

たとえば、コンポーネントng2-tag-input. すべてのサード パーティの js ファイルを vendor.js に、すべてのサード パーティの css を .xml にバンドルする webpack ビルドを実行しますvendor.css。

vendor.cssこれはビルド時に生成されるため、変更したりコミットしたりしたくありません。

に独自のスタイルを追加したいのですがng2-tag-input、どのように行うのが最善でしょうか? そのスタイルを自分でオーバーライドする必要がありますか、site.cssそれとも別の方法がありますか?

UI からユーザーに招待メールを送信したい。まだシステムに含まれていないユーザーのメール ID を複数入力する必要があります。angular2 のタグ入力を使用しています。一部の検証を除いて、すべて正常に動作しています。電子メールを入力した後、ユーザーがシステムに既に存在するかどうかを確認しています。ユーザーが存在する場合は、その電子メール タグを赤で強調表示します。最後に、システムに既に存在するすべてのメールのタグは赤色になります。

以下は私のコンポーネントです：

以下は HTML コードです。

ドロップダウンを持つ別のコンポーネントから使用するメインコンポーネントがありますがtag-input、フォームを送信すると、tag-input選択したアイテムが正しく送信されず、最後に選択したアイテムの1文字のみが投稿されます。

そのコンポーネントクラス内には、という名前のcreate関数があり、その関数は正しく機能しています。以下はnationalityコンポーネントです：

ドロップダウンに ng2-tag-input を使用してカスタム テンプレートを作成しようとしています。これを参照として使用します:このリンク. オブザーバブルを使用してオブジェクト配列を取得し、ドロップダウンに入力しました。

これが私のhtmlコードです（ボタンはまだありません）：

カスタム テンプレートを正常に取得できましたが、次のようにドロップダウン値とともに 2 つのボタンを追加で表示する必要もあります。カスタム テンプレートが繰り返され、最後に必要な 2 つのボタンがあります。私はAngular2が初めてなので、それらを追加する方法がわかりません。どんな助けでも大歓迎です。