Add an Array to Model and Data in Angular 2 with TypeScript

Question

I get the following error when trying to add a descriptives array to my data and model. error TS2322: Type '{ "id": string; "name": string; "competency": string; "descriptives": string[]; "year": string; }[]' is not assignable to type 'Competency[]'. Type '{ "id": string; "name": string; "competency": string; "descriptives": string[]; "year": string; }' is not assignable to type 'Competency'. Types of property 'descriptives' are incompatible. Type 'string[]' is not assignable to type 'Descriptive[]'. Type 'string' is not assignable to type 'Descriptive'. app/app.routes.ts(9,36): error TS2307: Cannot find module './inventory/inventory.component'.

mocksCompetency.ts

    import { Competency } from './competency';
    export const COMPETENCY: Competency[] = [
{
    "id": "EngLA001",
    "name": "Oral Language",
    "competency": "The teacher understands the importance of oral language, knows the development processes of oral language and provides the students with varied opportunities to develop listening and speaking skills.",
    "descriptives": ["Something","More"],
    "year": "2014",
}
    ];

competency.ts

    export class Competency {
    id: string;
    name: string;
    competency: string;
    descriptives: Descriptive[];
    year: string;
    }
    export class Descriptive {
        description: string;
    }

Daniel Tabuenca · Accepted Answer · 2016-11-07 06:33:01Z

1

Your problem is here:

"descriptives" : ["Something More"]

According to your class, descriptives should be of type Descriptive[]. And Descriptive is defined as:

export class Descriptive {
     description: string;
}

This means that you should really be doing:

"descriptives": [{description: "Something More"}]

As an aside, you should probably be using interface instead of class for Competency and Descriptive.

answered Nov 7, 2016 at 6:33

Daniel Tabuenca

13.7k3 gold badges40 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ryegrammer Over a year ago

Thanks for the response. It is tremendously helpful!

Collectives™ on Stack Overflow

Add an Array to Model and Data in Angular 2 with TypeScript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related