使用mat-auto-complete

时间:2018-07-17 15:03:41

标签: angular angular-material2 mat-autocomplete

我有多种形式,用户必须通过自动填写来指定国家/地区。

我实现了执行自动完成的服务(联系后端,处理响应和返回建议)

现在,我想创建一个可在所有表单中重复使用的组件。

此组件取决于:

  • 我提到的服务
  • 一个matInput field
  • 一个mat-auto-complete

该组件将实现ControlValueAccessorMatFormFieldControl

父组件会像这样使用它

<mat-form-field>
  <auto-completed-country formControlName="country"></auto-completed-country>
</mat-form-field>

父组件创建名为FormControl的{​​{1}}并指定其验证者(在某些形式中要求国家/地区,而在其他形式中则不需要)。

问题

通常country绑定到matInput,并通过FormControl指令自动完成。

但是在我的情况下情况并非如此,因为[matAutocomplete]未绑定到matInput,我认为应该可以,因为似乎可以拥有一个{{1 }}未绑定任何FormControl

但是我担心matInput指令,我想知道它与FormControl及其关联的[matAutocomplete]交互的源。

我应该如何处理?

我会让事情变得不必要的复杂吗?

1 个答案:

答案 0 :(得分:0)

没有FormControl的自动完成将正常工作。