属性“名称”在类型“ {}”上不存在-Angular

Question

I have checked and the property does exist with the key but it returns the error name is not a property of {} . I tried to assign this object to an interface complete with its properties however it also says I cannot assign {} to it. What could be the problem to this?

This is the code that doesn't work this.companiesArray[0].employees[0].name which returns the error name is not a property of {} .

This is the sample data I'm working with, an array of objects (Companies)

 [ { "employees": [ { "name": "Amy", "gender": "female", "level": "2" }, { "name": "Chris", "gender": "male", "level": "4" } ], "company": "XYZ", "tower": "Tower 2" }, { "employees": [ { "name": "Ben", "gender": "male", "level": "1" }, { "name": "Sarah", "gender": "female", "level": "1" } ], "company": "ABC", "tower": "Tower 3" } ] 

Here is the Angular code and the Company Interface

  companiesArray: Company[] ngOnInit() { this.companyService.obsCompanies.subscribe(companies => { this.companiesArray = companies; console.log(this.companiesArray[0].employees[0].name);// for testing }); ... } 

 export interface Company { employees: {}[], company: string, tower: string } 

Answer 1

Create an interface Employee

export interface Employee {
    name: string;
    gender: string;
    level: string;
}

and change Company to

export interface Company {
    employees: Employee[],
    company: string,
    tower: string
}

Answer 2

That is a compiler error you get when you call a function with a generic signature and if you do not specify a type to the function call and the compiler cannot infer the type so it infers type {}.

You need to define the type on the function call so that the compiler knows the type. Something like yourService.get<YourType>( rather than yourService.get(