Как загрузить один динамический компонент для каждого шага на степпере

Question

С моей проблемой связано то, что мне нужно динамически загружать один компонент массива на каждом шаге моего степпера в шаблоне.

Я следовал руководству Angular для загрузки динамических компонентов в шаблон, но пока я способен только рендерить все компоненты из массива на первый шаг степпера, как на других шагах нет привязки элемент или я не могу нацелить этот элемент привязки.

Я сделал нефункциональный Stackblitz, чтобы представить идею того, чего мне нужно достичь. Любые подсказки о том, как это сделать?

https://stackblitz.com/edit/angular-1hulxp

Answer 1

На самом деле, вы должны искать проекцию контента, а не динамическую загрузку компонента.

В случае динамической загрузки можно загрузить несколько компонентов в одном месте.

Но, если я правильно понимаю ваше требование, вы хотите загружать разные компоненты в разных местах, то есть в разные секции степпера. Для этого случая вы должны использовать контент-проекцию. Контентная проекция ранее (в angularjs) называлась трансклюзией.