Property 'name' does not exist on type 'JSON' in typescript / angularJs 2

Question

I am using typescript language in angularjs 2 to my REST api application, the problem is - typescript gives compile time error of

[ts] Property 'name' does not exist on type 'JSON'.any

WHEN I TRY TO ACCESS INCOMING JSON Object, my function code is below

createPerformanceChart(data: JSON) {
    // Show Up the Fund Details Data 
    var details: any;
    for(var j = 0 ; j < Object.keys(this.funds).length; j++)
    {
        if(data.name == this.funds[j].name) // data.name throws Error
        {
            details = this.funds[j];
        }
    }
}

How can I convert the JSON or access JSON Object - such that it does not throw compile time error and let me compile the code.

I guess your data object is not of type JSON? Use proper types or any. — Maximilian Riegler
– Maximilian Riegler, Commented Jun 9, 2016 at 11:47

Wojciech Kwiatek · Accepted Answer · 2016-06-09 12:09:21Z

17

If you want to make strong types

You have to change type of response (JSON) to something more specific using e.g. interface:

interface IPerformanceData {
  name: string;
}

And then use this as a type for incoming response:

createPerformanceChart(data: IPerformanceData) {
  // you can now use: data.name
}

If you don't care

Just make it a type of any:

createPerformanceChart(data: any) {
  // you can now use any property: data.*
}

edited Jun 9, 2016 at 12:09

answered Jun 9, 2016 at 11:58

Wojciech Kwiatek

6,8222 gold badges18 silver badges26 bronze badges

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

Comments

Batman · Accepted Answer · 2016-06-09 11:48:25Z

1

You can check if that name field exists in JSON data by

createPerformanceChart(data: JSON) {
    // Show Up the Fund Details Data 
    var details: any;
    for(var j = 0 ; j < Object.keys(this.funds).length; j++)
    {
        if(data.name == this.funds[j].name && data.name) <-- check if data.name is present
        {
            details = this.funds[j];
        }
    }

answered Jun 9, 2016 at 11:48

Batman

154 bronze badges

Collectives™ on Stack Overflow

Property 'name' does not exist on type 'JSON' in typescript / angularJs 2

2 Answers 2

If you want to make strong types

If you don't care

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

If you want to make strong types

If you don't care

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related