无涯教程网

将Angular Metal的芯片组件集成到我的表单中时出错

发布于04月26日

我想将芯片组件包含在我的表单组件中. 为此，我使用Angular Matter的芯片.

https://material.angular.io/components/chips/examples#chips-form-control

出现错误: 输入"AbstractControl< any，any>|空'不能分配给类型' FormControl '. 类型"空"不可分配给类型"FormControl".

我不知道我必须做什么不同的事情.我按照说明做的. https://stackoverflow.com/a/54136348/19648465

有人能帮助我吗？

代码如下: https://stackblitz.com/edit/stackblitz-starters-6lpefu?file=src%2Fapp%2Fform%2Fform.component.html

推荐答案

您需要输入强制转换，默认情况下所有表单控件和组都是抽象控件.

在form.component中添加一个函数，如下所示

  public get formControl () {
    return this.form.get("subTasks") as FormControl;
  }

并将您的html更改如下

...
  <app-chip [control]="formControl"></app-chip>
...

这应该会为您编译代码.并判断您使用的是哪个Angular 版本，并在版本表中 Select 该版本，如下所示，并根据说明使用.

Angular相关问答推荐

如何制作angular.dev动画？

Angular独立组件(使用LoadComponents)-懒惰加载服务不工作

not getting circular input switch primeng组件

为什么当我在父组件中设置数组元素时，Angular重新创建子组件而不是更新它？

Angular 服务错误处理响应类型=BLOB

以Angular 将指令事件从子组件传递到父组件

Angular 16：CSRF配置：我仍然可以使用HttpXsrfInterceptor和HttpXsrfCookieExtractor类吗？Inteli-J说他们不存在

在Angular中使用ngFor进行表乘法

具有两个订阅方法的 Angular 16 takeUntilDestroyed 运算符

Angular keypress 存储空间而不是第一个字母

Angular2 测试 - 按 ID 获取元素

Angular2 ngFor跳过第一个索引

等待多个promises完成

如何在 Angular 2 中创建可重用的动画

Angular 2 Material 2 日期 Select 器日期格式

找不到模块angular2/core

我应该在 Angular 4+ 应用程序中 for each 组件创建一个模块吗？

Lint 错误：实现生命周期挂钩接口

Angular2动态改变CSS属性

如何在 Angular 中使用带有 SASS 的 Bootstrap 4

实用课程推荐

相关教程推荐