2017-05-02 11 views
0

ng-tags-inputの入力にオートコンプリートがあります。 オートコンプリートには、「ユーザー」、「組織」、および「メーリングリスト」(ユーザーのアレイと組織の別の配列が含まれています)が表示されます。ng-tags-inputでタグの配列を追加するには?

オートコンプリートでユーザーをクリックすると、ユーザータグが作成されます。 オートコンプリートで組織をクリックすると、組織タグが作成されます。 しかし、私がオートコンプリートでメーリングリストをクリックすると、メーリングリストに含まれるすべてのユーザーとすべての組織を個々のタグとして追加したいと思います。私はこれを行うために多くの方法を探しましたが、私はこの最後の点を行う方法を見つけることができません...

ng-tags-inputはタグを削除するために関数$ removeTagを提案しますが、 Javascriptでタグを追加する機能。 誰かが手がかりを持っているなら、私は非常に感謝しています! ありがとう!

+0

私たちがお手伝いできるように、現在のコードの最小の例を入力、またはコピー/貼り付けしてください。誰が知っている...入力を開始するときにあなたの答えを見つけることができます。 –

答えて

1

ng-tags-inputにタグを追加したいとします。これは次のように変換されます。 - ng-tags-inputにバインドされたモデルを変更したいと思います。または、タグを含むオブジェクトの配列の内側に要素をプッシュしたいと思います。したがって、基本的には、オブジェクトをng-tags-inputディレクティブにバインドされたモデルにプッシュする必要があります。

<tags-input ng-model="tagsModel" > 

リストから候補が選択されたときに、イベントにハンドラを添付する必要があります。オートコンプリート機能自体で、スコープ機能をバインドすることができます。 次に、 'メーリングリスト'タイプの場合は、選択した配列の各要素を繰り返し、タグ(基本的には{text: 'value'}のオブジェクト)を作成してtagsModelにプッシュします。

希望します。あなたがplnkrを添付すれば、私はこれにもっとよく答えることができます。

関連する問題