Angular read component name from json and add 'this' to the name

Question

I am trying to get a name of a component from a json file and via a method add 'this' to its name.

import { MyComponent } from './Mycomponent';

...

MyComponent = MyComponent;


data = [
    {
      "name": "MyComponent"
    }
  ];

The method:

  test(name: any) {
    return this.[name];
  }

usage example:

this.test('MyComponent');

Expected output is:

this.MyComponent

When I try: this.[name]

I get Identifier expected.

How can I fix this?

I dont udnerstand what is the expected outcome nor what is actual behavior. — Antoniossss, Nov 23 '21 at 08:53
It would be better if you would just show us the expected outcome instead of describing it. — Antoniossss, Nov 23 '21 at 08:58
I input this: this.test('MyComponent'); and the expected outcome is: this.MyComponent — deszok, Nov 23 '21 at 08:59
edit the post please. Is expected output a json as well, a string? a method call? I hve no idea? — Antoniossss, Nov 23 '21 at 09:00

score 1 · Accepted Answer · edited Jan 20 '22 at 23:09

1

You are trying to something like this, for example:

TS

componentName: any;

  data = [
    {
      name: 'MyComponent',
    },
  ];

  test(name: any) {
    this.componentName = `this.${name}`; // storing this.Mycomponent name to variable for displaying 
    return `this.${name}`;
  }

  testbtnHandle() {
    this.test('MyComponent');   // it will call the test function with MyComponent name parameter
  }

HTML

{{componentName}} // for display


<button type="button" (click)="testbtnHandle()">click</button>

Here you can check or play with code.

edited Jan 20 '22 at 23:09

halfer

19,824
17
99
186

answered Nov 23 '21 at 09:25

Kiran Mistry

2,614
3
12
28

I get: Type 'string' is not assignable to type 'Type'. – deszok Nov 23 '21 at 09:43
can you add some more information or code in your question or post so it will be easy to understand – Kiran Mistry Nov 23 '21 at 09:45
I've updated the question with more code – deszok Nov 23 '21 at 09:51
please make a [stackblitz here](https://stackblitz.com/) – Kiran Mistry Nov 23 '21 at 09:55

Angular read component name from json and add 'this' to the name

1 Answers1