重新实现垫自动完成组件

时间:2018-10-10 19:13:09

标签: angular-material2

我正在尝试从material2重新实现自动完成组件,因为我需要的容器与MatAutocomplete组件中使用的容器不同。

我想从这里开始:不要在输入上触摸matAutocomplete指令来触发自动完成功能,只需将MatAutocomplete组件重新实现为TamAutocomplete即可:

<input matInput [matAutocomplete]="auto">

  <tam-autocomplete #auto="tamAutocomplete">
    <mat-option *ngFor="let option of options" [value]="option">{{option}}</mat-option>
  </tam-autocomplete>

我复制了https://github.com/angular/material2/blob/master/src/lib/autocomplete/autocomplete.ts,但似乎不起作用... 您可以检查控制台>元素:覆盖层已正确连接,但自动完成设置为隐藏可见性。

这里是stackblitz example

我想念一些东西,谢谢吗?

0 个答案:

没有答案