2017-10-20 86 views
0

我有一个input,您可以在其中键入一个URL。现在我还想在输入框中添加一个建议列表,您可以在其中选择预定义的URL。Angular input type =“select url”

我的尝试是从type=url改变type=select,并提供一个DataList:

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

但现在我缺少从角的URL验证。 有没有办法将这两种类型结合起来?或者其他任何建议我该怎么做?

在此先感谢

+1

这甚至没有意义。首先,URL“验证”是HTML5 /浏览器功能,而非角度特征。其次,没有HTML'type =“select”';选择框是完全不同的元素类型,它们不是“输入”。 – Claies

+0

顺便说一下,你已经定义了输入属性“列表”,但你必须在datalist标签上定义“id”属性。只需在输入中输入“文本”即可。 –

+0

谢谢,失踪的ID只是我身边的一个副本错误。列表显示。但我想我也需要编辑这个类型。但它确实看起来像我不需要改变类型... – Tobi

回答

1

类型“select”在输入标记中不存在。为了提出一个建议,也许你可以创建一个自动完成系统或者只是一个带选项的选择HTML标记。