Блог

Главная - Вопросы по программированию - Angular 7 Визуализирует динамический компонент на основе ввода json

Angular 7 Визуализирует динамический компонент на основе ввода json

#angular

#angular

Вопрос:

Это мой ввод json, основанный на селекторе, указанном в json, я хочу визуализировать компонент в приведенном ниже шаблоне

Ввод JSON:

     {
    "selector":"ngx-calendar"
    };

Шаблон Angular:

 <div class="row"> 
 <div class="col-sm-6"> 
   < {{ JSON INPUT SELECTOR }} ></{{ JSON INPUT SELECTOR  }}>
 </div>
</div>

Комментарии:

1. Это означало бы, что у вас есть эти компоненты в вашем коде, поэтому вы могли бы сделать это следующим образом <div *ngIf="component === 'nxg-calendar'"><ngx-calendar></ngx-calendar></div>

2. если у меня более 30 компонентов, то как я могу продолжить

3. Возможно, это могло бы помочь: stackblitz.com/edit /… если у вас нет компонентов. Я не думаю, что вы можете легко просто записывать строки в tagnames…

4. Вот еще один: gistia.com/angular-dynamic-components

5. Спасибо, приятель, это может помочь