2017-10-20 21 views
0

J'ai un input où vous pouvez taper une URL. Maintenant, j'aime aussi ajouter une liste de suggestions à l'entrée où vous pouvez sélectionner des URL prédéfinies.Type d'entrée angulaire = "select url"

Ma tentative a été de changer de type=url à type=select et fournir un datalist:

<input type=select list=servers required ng-model=server /> 
<datalist id=servers> 
    <option label="Server example 1" value="https://www.google.de/"/> 
</datalist> 

Mais maintenant, je manque la validation d'URL à partir angulaire. Existe-t-il un moyen de combiner ces deux types? Ou toute autre suggestion comment je peux faire ça?

Merci à l'avance

+1

Cela n'a même pas de sens. Tout d'abord, la "validation" d'URL est une fonctionnalité HTML5/navigateur, pas une fonction angulaire. Deuxièmement, il n'y a pas de HTML 'type =" select "'; Les cases de sélection sont un type d'élément complètement différent, elles ne sont pas un 'input'. – Claies

+0

Btw vous avez défini l'attribut "list" sur l'entrée mais vous devez définir l'attribut "id" sur le tag datalist. Utilisez simplement le type "texte" sur votre entrée. –

+0

Merci, l'ID manquant était juste une erreur de copie de mon côté. La liste est affichée. Mais j'ai pensé que je devais aussi éditer le type. mais il semble en effet que je n'ai pas besoin de changer le type ... – Tobi

Répondre

1

du type "select" n'existe pas sur l'étiquette d'entrée. Pour proposer une suggestion, vous pouvez peut-être créer un système de saisie semi-automatique ou simplement une balise HTML avec des options.