Angular2 Bootstrap 提前输入

Question

在 Angular2 中，我可以使用 ng2-bootstrap 创建一个查看数据源的预输入字段，如下所示：

<input [typeahead]="dataSource.listOfObjects" ... />

有谁知道是否可以有一个条件值来决定某个项目是否包含在预先输入中？

例如，它可能看起来像：

<input [typeahead]="dataSource.listOfObjects where include == true" ... />

Answer 1

您可以制作一个管道（在 Angular 1 中称为过滤器）并处理您的数据以及 ng2-bootstrap。

另一种方法是在您的组件中创建一个函数，该函数将 return 过滤数据以用于您的预输入。

<input [typeahead]="functionInYourComponnet()" ... />


export class DataComopnent() {

  functionInYourComponnet() {
  ...
  ...
  return filteredData;

Angular2 Bootstrap 提前输入

Angular2 Bootstrap Typeahead

ng2-bootstrap

angular