使用ng-multiselect-dropdown过滤，只显示那些以输入字符开头的选项

ng-multiselect-dropdown是一个基于Angular框架的多选下拉框组件。它允许用户从一个选项列表中选择多个选项，并且可以通过输入字符来过滤选项。

使用ng-multiselect-dropdown过滤，只显示以输入字符开头的选项，可以通过以下步骤实现：

1. 首先，确保已经安装了Angular框架，并在项目中引入了ng-multiselect-dropdown组件。
2. 在组件的HTML模板中，使用ng-multiselect-dropdown组件来创建一个多选下拉框。设置[data]="options"属性来绑定选项列表数据，其中options是一个包含所有选项的数组。

<ng-multiselect-dropdown [data]="options"></ng-multiselect-dropdown>

1. 在组件的Typescript文件中，定义一个名为options的数组，包含所有选项的数据。例如：

options = [
  { id: 1, name: 'Option 1' },
  { id: 2, name: 'Option 2' },
  { id: 3, name: 'Option 3' },
  // 其他选项...
];

1. 使用ng-multiselect-dropdown的filterSelectAllOption属性来启用过滤功能。将其设置为true，以便只显示以输入字符开头的选项。

<ng-multiselect-dropdown [data]="options" [filterSelectAllOption]="true"></ng-multiselect-dropdown>

1. 最后，可以根据需要自定义过滤逻辑。ng-multiselect-dropdown提供了onFilterChange事件，可以在过滤发生变化时触发。可以在组件的Typescript文件中定义一个相应的事件处理函数，根据输入字符来过滤选项。

onFilterChange(event: any) {
  const filterValue = event.target.value.toLowerCase();
  this.options = this.options.filter(option => option.name.toLowerCase().startsWith(filterValue));
}

在上述代码中，onFilterChange函数会将输入字符转换为小写，并使用startsWith方法来判断选项的名称是否以输入字符开头。然后，将过滤后的选项重新赋值给options数组，以更新显示的选项列表。

这样，使用ng-multiselect-dropdown过滤，只会显示以输入字符开头的选项。

腾讯云提供了一系列云计算相关产品，其中包括云服务器、云数据库、云存储等。您可以根据具体需求选择适合的产品。更多关于腾讯云产品的信息和介绍，可以访问腾讯云官方网站：腾讯云。