打字稿错误 TS2339：类型上不存在属性（Angular 12）

Question

我得到以下代码

错误 TS2339：“LogRepair[]”类型上不存在属性“时间戳”

在组件 html 中，我试图遍历在类型 LogRepair 中定义的任何属性数组：

<div>
<div *ngFor = "let repair of repairs" class="repair_list">
    <div class = "RT">{{repairs.name}}</div>
    <div class = "Repair Type">{{repairs.type}}</div>
    <div class = "Gecko Number">{{repairs.phoneID}}</div>
    <div class = "Warranty Sticker">{{repairs.stickerID}}</div>
    <div class = "Description">{{repairs.description}}</div>
    <div class = "Timestamp">{{repairs.timestamp}}</div>
</div>

在组件 ts 中，我正在导入 LogRepair 模型并声明一个名为 repairs 的属性：

import { Component, OnInit } from '@angular/core';
import { LogRepairService } from '../log-repair.service';
import { LogRepair } from '../LogRepair.model';


@Component({
  selector: 'app-view-repairs',
  templateUrl: './view-repairs.component.html',
  styleUrls: ['./view-repairs.component.scss']
})
export class ViewRepairsComponent implements OnInit {

  repairs: LogRepair[]=[];

  constructor(private logRepairService: LogRepairService){}
    // Called first time before the ngOnInit()
  ngOnInit(): void {
    // Called after the constructor and called after the first ngOnChanges() 

this.repairs = this.logRepairService.getRepairs();

  }
}

在服务 ts 中，我正在导出一个类 LogRepairService，它是 LogRepair 类型的硬编码数据数组。

import { Injectable } from '@angular/core';
import { LogRepair } from './LogRepair.model';

@Injectable({
  providedIn: 'root'
})
export class LogRepairService {

  repairs: LogRepair [] =[
  {name:"Tom",type:"standard",phoneID:"12345",stickerID:"ZX57B",description:"",timestamp: new Date ('2020-02-25T23:18:21.932Z') },
  {name:"Ben",type:"Warranty",phoneID:"54321",stickerID:"B76Gf",description:"touch ic",timestamp: new Date ('2021-02-25T23:18:21.932Z') },
  ];

  constructor() { }

  getRepairs(){
    return this.repairs;
  }

  postRepair(repairs:LogRepair){

  }
}

这是带有 timestamp 属性的模型 ts。

export interface LogRepair
{
   name: string;
   type: string;
   phoneID: string;
   stickerID: string;
   description: string;
   timestamp: Date;
}

由于接口导出中存在属性timestamp，我正在努力解决此错误。

Answer 1

您正在尝试访问 LogRepair 数组上的属性，这就是错误消息在类型名称后包含方括号的原因。

我对 angular 不太熟悉，但我猜你是在说 repairs.timestamp 而你的意思是写 repair.timestamp 即循环中的当前元素而不是引用整个数组。