如何在 Angular Material V6 中列出国际电话号码？

Question

我正在开发一个使用 Angular Material V6 的应用程序。我想在材料组件文本框中列出带有标志的国际电话号码。我在互联网上搜索并找到了一个 npm 模块，但它使用的是引导文本组件。我添加了一个截图来看看它。Bootstrap 不同于 angular material 文本框组件。

现在它是：

角材料组件：

示例代码：

<mat-form-field color="warn" class="form-field-width">
 <int-phone-prefix matInput [locale]="'es'"></int-phone-prefix>
</mat-form-field>

错误：

ERROR 错误：mat-form-field 必须包含一个 MatFormFieldControl。

请给我你的建议。提前致谢。

Answer 1

检查是否导入了matinput模块

import {MatInputModule} from '@angular/material';
@NgModule({
  imports: [
  ...
    MatInputModule
  ...

]

您还可以参考链接 https://github.com/angular/material2/issues/7898

文档中描述了此类错误，另请参阅