Html 如何在angular中的下拉列表中实现搜索选项

Html 如何在angular中的下拉列表中实现搜索选项,html,css,angular,nebular,Html,Css,Angular,Nebular,在选择选项中实现过滤器搜索字段时,我面临一些问题。我已经找过了,但找不到正确的答案。 我不想使用角度材质,因为我使用的是星云。有人能帮我解决这个问题吗?*.ts import { Component } from '@angular/core'; @Component({ selector: 'nb-select-placeholder', templateUrl: './select-placeholder.component.html', }) export class Selec

在选择选项中实现过滤器搜索字段时,我面临一些问题。我已经找过了,但找不到正确的答案。 我不想使用角度材质,因为我使用的是星云。有人能帮我解决这个问题吗?

*.ts

import { Component } from '@angular/core';

@Component({
  selector: 'nb-select-placeholder',
  templateUrl: './select-placeholder.component.html',
})
export class SelectPlaceholderComponent {
}
*.html

<nb-card size="small">
  <nb-card-body>
    <nb-select placeholder="Placeholder">
      <nb-option value="1">Option 1</nb-option>
      <nb-option value="2">Option 2</nb-option>
      <nb-option value="3">Option 3</nb-option>
      <nb-option value="4">Option 4</nb-option>
    </nb-select>
  </nb-card-body>
</nb-card>

选择1
选择2
选择3
选择4
参考资料:


星云有一个自动完成组件,可以让你精确地完成你需要的事情。