角严格模板检查绕过

问题描述

我在我的angular 9项目中使用了严格的模板检查

<app-recent-activity-skeleton [isLoading]="loaderStates?.activity" *ngFor="let item of activity; trackBy: ( 'id' | trackByProperty )">
    <div class="activity-item">
       <div class="column">
          {{ item?.name }}
          <div class="Meta">{{ item?.action }} 
             <a [routerLink]="['/link',item.id]">{{ item.name }}</a>
          </div>
       </div>
    </div>
</app-recent-activity-skeleton>

和类型 activity 是

activity : IProposalActivityModel[] | ISkeletonModel[] = [];

接口是

1.IProposalActivityModel

export interface IProposalActivityModel {
    id            : number;
    name          : string;
    modifiedDate  : any;
    action        : string;
    proposalName  : string;
    proposalNumber: number;
}

2.ISkeletonModel

export interface ISkeletonModel {
    id?: number;
}

ISkeletonModel用于构建伪数据
IProposalActivityModel是从API接收的数据类型

我的项目有 strictTemplate：true ，这给了我以下错误

error TS2339: Property 'name' does not exist on type 'ISkeletonModel'.
    
 <div class="column">
      {{ item?.name }}

我想摆脱这个错误，同时又不影响我严格的模板检查！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angular typescript typescript