Angular2: Wie verwende ich bootstrap-tagsinput richtig?

8

Ich versuche, die bootstrap-tagsinput -Bibliothek in meinem Angular2-Projekt zu verwenden. Die Bibliothek wird mit package.json file:

installiert %Vor%

Jetzt habe ich einen bootstrap-tagsinput Ordner in node_modules . Ich möchte Tags in einer bestimmten Komponente verwenden. Ich habe gesehen, dass es eine Datei bootstrap-tagsinput-angular.js im Verzeichnis node_modules/bootstrap-tagsinput/dist gibt, aber ich kann es nicht richtig verwenden.

Soll ich die JS-Datei in meiner index.html hinzufügen, damit bootstrap-tagsinput für alle Komponenten verfügbar ist? Oder gibt es eine Möglichkeit, es genau dort zu importieren, wo es benötigt wird?

Auf andere Weise gibt es eine Möglichkeit, so etwas zu tun:

mycomponent.component.html:

%Vor%

mycomponent.component.ts:

%Vor%

vielen Dank für Ihre Hilfe!

    
DavidL 24.07.2016, 10:53
quelle

3 Antworten

1

Ich kann ein Problem bei der Verwendung von Bootstrap-Tags-Eingabe mit eckigem Batter sehen, um ngTagsInput zu verwenden, wenn Sie angular verwenden.

Weitere Details finden Sie unter: ngTagsInput , Demo

    
jayesh 29.07.2016 10:38
quelle
1

Der boostrap-tagsinput ist eine Direktive. So können Sie etwas wie folgt benötigen:

Schritt 1: Import boostrap-tagsinput

%Vor%

Schritt 2: Zu den Anweisungen hinzufügen

%Vor%

Verwenden Sie es dann in Ihrer Ansicht.

Hoffe diese Hilfe!

    
Ha Hoang 03.08.2016 03:20
quelle
0

Für alle, die eine einfachere Lösung suchen. Am Ende habe ich angular2-tag-input

verwendet

Zuerst müssen Sie die Eingabeaufforderung Ihres Knotens ausführen

%Vor%

Fügen Sie es dann in Ihr Modul ein

%Vor%     
Mahin Khan 26.12.2016 17:37
quelle