如何在Angular中传递基于接口的属性

Question

export interface Iresumedata {
  shortIntro: string,
    fullIntro: string,
    mob: number,
    email: string,
    profile: any

}

import {
  Component,
  OnInit
} from '@angular/core';
import {
  ResumedataService
} from "../../services/resumedata.service";

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

  experiencedata: any = [];
  constructor(private resumeservice: ResumedataService) {}

  ngOnInit() {
    this.resumeservice.getresumedata().subscribe(data => (this.experiencedata = data.experience));
  }

}

我试图通过服务获取数据并成功获取它，但问题是每当我基于 JSON 对象传递 experience 或 profile 等属性时，它会不断抛出错误。

“Iresumedata[]”类型上不存在属性“体验”

Iresumedata 是我的界面，大家如何才能消除这个错误？请看一下，我到底应该怎么做？

Answer 1

请按照这些步骤操作。

1. 你的界面结构应该是这样的

    export interface Iresumedata {

      shortIntro: string,
        fullIntro: string,
        mob: number,
        email: string,
        profile ?: any,
        experience ?:any,

    }

1. 将Iresumedata 导入您的仪表板组件

   1. 像这样使用它

    this.resumeservice.getresumedata().subscribe(data:Iresumedata=>{ (this.experiencedata = data.experience)});