Как добавить макет Dynami c в компонент Angular View? - PullRequest
Новая
       13

Как добавить макет Dynami c в компонент Angular View?

0 голосов
/ 03 августа 2020

Как мне удалось реализовать динамические c просмотры в Angular 8? Учитывая вызов Ajax с динамическим c HTML представлением, например: 

<div class='col1'>
 <my-component1></my-component1>
 <my-component2></my-component2>
</div>

Очевидно, что HTML изменится, например, при добавлении дополнительных строк или столбцов с разными компонентами. Я пытаюсь реализовать своего рода дашборд. Возможно ли визуализировать этот макет Dynami c? Я думаю, что ComponentFactoryResolver не добавляет html внутри компонента.

1 Ответ

0 голосов
/ 03 августа 2020

Попробуйте следующее, если вы хотите связать различное содержимое HTML для одного и того же компонента

Создайте повторно используемый компонент с тегом. С помощью этой техники проекции контента все, что вы помещаете в этот компонент, будет загружено в тег

, например: создать <custom-button> компонент и добавить <ng-content></ng-content> внутри его шаблона.

Итак, когда вы add <custom-button>First</custom-button> В качестве содержимого будет отображаться «Первый», а в качестве второго - второй.

Если вы хотите привязать html содержимое, тогда 

<custom-button>
<div [innerHtml]="first"> </div>
</custom-button>

Здесь сначала будет переменная, которая должна быть определена в файле ts

publi c first = "Первый компонент";

CheckThisSample

...