Angular считывает имя компонента из json и добавляет к имени 'this'

Question

Я пытаюсь получить имя компонента из файла json и с помощью метода добавить 'this' к его названию.

      import { MyComponent } from './Mycomponent';

...

MyComponent = MyComponent;


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

Метод:

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

пример использования:

      this.test('MyComponent');

Ожидаемый результат:

      this.MyComponent

Когда я пытаюсь: this.[name]

Я получаю ожидаемый идентификатор.

Как я могу это исправить?

Answer 1

привет, ты пытаешься сделать что-то вроде этого

Например

ТС

      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>

Здесь вы можете проверить или поиграть с кодом