2017-10-20 58 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標記。