角度错误 TS2339 属性在类型上不存在

Question

大家好，最近我开始学习一些 Angular。

目前我收到以下错误：

32  this.warning.error.push(entry.name+': '+entry.error);
                 ~~~~~
src/app/dashboard/dashboard.component.ts:33:15 - error TS2339: Property 'id' does not exist on type 'Warning[]'.

33  this.warning.id.push(entry.id);
                 ~~
src/app/dashboard/dashboard.component.ts:37:13 - error TS2339: Property 'error' does not exist on type 'Error[]'.

37  this.error.error.push(entry.name+': '+entry.error);
               ~~~~~
src/app/dashboard/dashboard.component.ts:38:13 - error TS2339: Property 'id' does not exist on type 'Error[]'.

38  this.error.id.push(entry.id);
               ~~

问题是我为这两个 importet 定义了接口。

export interface Error {
        id: number;
        error: string;
        }

export interface Warning {
        id: number;
        error: string;
        }

正如你在我的组件中看到的那样。

import { Error, Warning } from '../dashboard';
...
export class DashboardComponent implements OnInit {
 error: Error[];
 warning: Warning[];
...

evaluate(): void{
        for (let entry of this.status){
        if (entry.status === 0){
                this.ok = this.ok + 1;
                }
        if (entry.status === 1 && entry.value < 8){
        this.warnings = this.warnings + 1;
        this.warning.error.push(entry.name+': '+entry.error);
        this.warning.id.push(entry.wt_id);
                }
        if (entry.status === 1 && entry.value >= 8){
        this.critical = this.critical + 1;
        this.error.error.push(entry.wt_name+': '+entry.error);
        this.error.id.push(entry.wt_id);
                }
        }
}

我已经尝试了一些我在旧帖子中找到的东西，但似乎没有任何效果。

也许你们中的一些人知道解决方法并可以指出来。也许只是我错过了一些东西。

干杯！

Answer 1

您不是推送到成员变量error 或warning，而是推送到变量中的属性。

1. 您需要将类型定义更改为数组

接口

export interface Error {
  id: number[];
  error: string[];
}

export interface Warning {
  id: number[];
  error: string[];
}

组件

export class DashboardComponent implements OnInit {
  error: Error;
  warning: Warning;
 
  ...
}

1. 或者改为推送到成员变量。作为@GunnerB。在 cmets 中指出，数组 error 和 warning 在尝试使用 push 函数向其推送值之前也需要初始化。

接口

export interface Error {
  id: number;
  error: string;
}

export interface Warning {
  id: number;
  error: string;
}

组件

export class DashboardComponent implements OnInit {
  error: Error[] = [];              // <-- initialize the arrays
  warning: Warning[] = [];
  ...

  evaluate(): void {
    for (let entry of this.status) {
      if (entry.status === 0) {
        this.ok = this.ok + 1;
      }
      if (entry.status === 1 && entry.value < 8) {
        this.warnings = this.warnings + 1;
        this.warning.push({id: entry.wt_id, error: entry.name + ': ' + entry.error });
      }
      if (entry.status === 1 && entry.value >= 8) {
        this.critical = this.critical + 1;
        this.error.push({id: entry.wt_id, error: entry.name + ': ' + entry.error });
      }
    }
  }
}

Answer 2

请改为： `this.warning.error = entry.wt_name + ': ' + entry.error;

Warning 接口中的error 是字符串而不是数组。