包含建议的HTML文本字段

Question

我正在尝试创建一个文本字段，在这里我可以输入文本并从列表条目中获得建议(每个输入字符都会缩小(。从我的后端加载列表的位置。

<label>Owner:
<input #owner (keypress)="searchOwner(owner.value)" list="owners" name="owner" /></label>
<datalist id="owners">
<option *ngFor="let elem in owners" value="{{elem.id}}">{{elem.name}}</option>
</datalist>

这应该(并且确实加载了应该返回到所有者列表中的正确值。但是，它不会将列表显示为选项。我怎么能接受这个？1

Answer 1

我在我的应用程序中使用Vue multiselect来实现这一功能，它对我来说很好。这里有一个查看它的链接。

你可以做的另一件事是循环浏览你的每个选项，并将它们作为选项/值添加到你的选项列表中，看起来就像你在上面尝试做的那样。这是Angulars循环选项的方式，但如果页面上没有Angulars，您可能需要使用Javascript。