2017-09-12 4 views
0

J'utilise angulaire 4 et je veux passer une liste à html. Dans 4 angulaire, le composant I ai est la suivante:Comment puis-je passer une liste d'un composant 4 angulaire à html

a = ["abc", "xyz", "lmn"] 

Sur le côté html: <input type="text" data-provide="typeahead" data-source='["abc","xyz","lmn"]' placeholder="item..." class="form-control" />

je passer la liste dans les données de source, il est un Bootstrap-3-typeahead objet js.

Comment puis-je utiliser avec angulaire 4

Répondre

1

Vous pouvez lier toute attribute avec le composant variable en utilisant attr mot-clé

<input type="text" data-provide="typeahead" [attr.data-source]="a" placeholder="item..." class="form-control" /> 
+0

fonctionner !!! superbe – AniketGole

+0

autocomplete fonctionne, mais pourquoi ne pas stocker pleine valeur dans form.value json, son seul stockage ce que je tape dans la boîte de saisie comme "a" de "abc" mais après avoir cliqué sur autocomplete "abc" mot son stockage pas "abc" "mot – AniketGole

+0

Ses depands sur les liaisons d'entrée. Peut-être besoin de lier avec l'entrée '(change)'. – Rajez