How to access object via string literals in Angular

Question

I want to show users which I got in "data" variable

I got an warning on line which says "object access via string literals is disallowed (no-string-literal)"

this.crud = data['msg'];

My class :

export class CrudClass {
    public id?: string;
    public  name: string;
    public email: string;
    public password: string;
}

My Component :

export class ListComponent implements OnInit {
    private crud: CrudClass[];

    constructor(private router: Router, private apiRoutes: ApiRoutesService) { }

    ngOnInit() {
        this.readApp();
    }

    readApp() {
        this.apiRoutes.readApp().subscribe(
            data => {
                console.log(data);
                this.crud = data['msg'];
            },
            error => {
                console.log(error);
            }
        );
    }
}

I would create an interface in ApiRouteService that includes the value you need to access, and define the return type of readApp() (in service) to be an observable of that type. Then you can access it via dot notation. Check this sample: stackblitz.com/edit/angular-npvara — Bille
– Bille, Commented Oct 15, 2019 at 13:26

jitender · Accepted Answer · 2019-10-04 10:19:48Z

3

you can do it multiple ways

First Just disable the rule

/* tslint:disable:no-string-literal */
 this.crud = data['msg'];
/* tslint:enable:no-string-literal */

Second Use a variable instead of a string literal

change

this.crud = data['msg'];

to

let key='msg';
this.crud = data[key];

Or to disable it globally set no-string-literal: false in tslint.config.json

2 Comments

user4676340 Over a year ago

You should rather disable the rule in the tslint.json file with no-string-literal: false, other than that I agree !

jitender Over a year ago

@MoHiTPaNdEy which one you tried can you show the updated code

Liam · Accepted Answer · 2020-05-12 08:37:58Z

0

You can try like setting a let object to a value and set it to the data property

Like

let dataKey='msg';
this.crud = data[dataKey]

edited May 12, 2020 at 8:37

Liam

30k28 gold badges143 silver badges206 bronze badges

answered Oct 4, 2019 at 10:19

Hitech Hitesh

1,6351 gold badge11 silver badges18 bronze badges

Collectives™ on Stack Overflow

How to access object via string literals in Angular

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related