Question

这是我目前的代码：

<select [(ngModel)]="items">
    <option *ngFor="let item of items" [ngValue]="item " {{item .symbol}} : {{item.companyName}}</option>
</select>

问题是这是一个默认情况下未完全展开的下拉列表。我的目标是让此列表的行为类似于Google的搜索方式;完全展开的列表，根据输入进行更新。

我的绑定是正确的，但我似乎无法将HTML正确地扩展到它始终展开的位置，并且第一个元素没有空条目。

Select / Option标签是否使用了错误的标签？

我找不到任何其他标签可供使用。 Angular中有什么东西吗？

Answer 1

我不知道你是否可以在浏览器中使用此功能。但是你可以编写一个组件来完成这项工作。基本上，它有两个部分，一个输入，一个面板通过Bootstrap提供一些帮助。

<input type="text" class="form-control input-xs">
<ul class="dropdown-menu"></ul>

当您在输入中键入任何内容时，可以显示项目列表。选择一个项目后，列表可能会消失。在风格方面，它与http://getbootstrap.com/docs/3.3/javascript/#dropdowns

非常相似

然后你可以将角落组件内的所有东西都包起来。我知道这是一个很长的答案。