组件上的@input 给出错误：类型上不存在属性“showingSingle”

Question

所以我有一个 angular 8 应用程序。

我在组件 DossierCorrespondenceComponent 中有这个：

  @Input() showingSingle = false;

这样我就可以在其他组件（DossierCorrespondenceListComponent）中使用它。但如果我这样做：

<div *ngIf="!showingSingle && correspondenceEntries && correspondenceEntries.length > 0;">

然后我会得到这个错误：

Property 'showingSingle' does not exist on type 'DossierCorrespondenceListComponent'.

那么如何解决这个问题呢？

Answer 1

可以看到里面说的很清楚了showingSingle不存在DossierCorrespondenceListComponent，需要在里面声明DossierCorrespondenceListComponent才能使用。如果可以的话，告诉我们你的代码DossierCorrespondenceListComponent，并DossierCorrespondenceComponent看到你想达到什么是更好的。您可以查看 Angular Input 的文档以获取更多关于如何操作Angular Input 的信息更新 1简而言之：DCLC =>DossierCorrespondenceListComponent和 DCC 为DossierCorrespondenceComponent我看到您要显示 DCC 组件的列表，该属性showingSingle需要绕过 DCLC 的值。在你的ngFor循环中，showingSingle像这样添加到循环中<div *ngFor="let c of list">&nbsp; <DCC [showingSingle]="c"></DCC></div>旁注：您应该使用英语而不是法语作为组件的名称，并且您正在与德国人合作