Я хочу разрешить пользователям выбирать элементы / компоненты динамически из списка. Выбранные элементы будут отображаться в Gird-подобном DOM, суть в том, что элементы отображения - это разные компоненты со своим собственным представлением.
Ниже представлена приблизительная структура классов. Теоретически это должно работать, но я изо всех сил пытаюсь выяснить, как настроить представление?
Я думал, что у родителя, конечно, будет *ngFor
, но я хочу избегать использования *ngIf
, так как я потенциально ожидаю, что в конечном итоге получу десятки различных дочерних элементов и мне нужно абстрагировать код столько, сколько возможный. В идеале , чтобы добавить новый компонент, все, что мне нужно сделать, это создать объект дочернего компонента и добавить его в список в родительском компоненте.
Я, конечно, открыт для другие реализации этого, поскольку я довольно новичок в angular.
К сожалению, я не могу поделиться реальным кодом, но вот приблизительное представление о том, какая у меня структура. https://stackblitz.com/edit/angular-mx2xli (только черновик - это ничего не отобразит)