Для создания компонента TestComponent на странице вместо использования устаревшего метода createComponent, вы можете использовать следующий подход:
1. Создайте переменную для хранения всех созданных компонентов:
```typescript
componentRefs: ComponentRef<TestComponent>[] = [];
```
2. При создании компонента, добавляйте его в массив componentRefs:
```typescript
const componentFactory = this.componentFactoryResolver.resolveComponentFactory(TestComponent);
const componentRef = this.viewContainerRef.createComponent(componentFactory);
this.componentRefs.push(componentRef);
```
3. Для удаления компонента, найдите его в массиве componentRefs и вызовите метод destroy() для удаления:
```typescript
const index = this.componentRefs.findIndex((ref) => ref === componentRef);
if (index !== -1) {
this.componentRefs[index].destroy();
this.componentRefs.splice(index, 1);
}
```
Таким образом, вы сможете правильно создавать и удалять компоненты TestComponent на странице, используя динамическое создание компонентов и хранение их ссылок для последующего управления.