Übergeben Sie die Komponente als Wert im Objekt Angular ⇐ HTML

[Guest]

Ich versuche, eine Webanwendung in Angular 17 zu implementieren und verwende eine private Bibliothek.
Es gibt eine Suchleiste, die eine bestimmte Struktur zum Ausfüllen benötigt:

Code: Select all

Diese Suchergebnisse berücksichtigen diese Schnittstelle:

Code: Select all

{
label: string;
linkUrl: string;
icon: string;
description: string;
value: string;
checkboxLabel: string;
checkboxName: string;
isChecked: boolean;
cardAdditionalData:
{
cardHeader: {
title: string;
description: string;
},
cardColumns: [
{
title: string;
description: string;
},
{
}
]
};
}

Ich kann die Schnittstelle nicht ändern, aber ich benötige das Attribut „description“ des Cardcolumn-Objekts, um eine andere Komponente anstelle eines Strings zu rendern.
Ich habe erfolglos versucht, das direkt zu übergeben benutzerdefinierte SelectComponent, aber es funktioniert nicht.
Ich kann keine Lösung implementieren, die ng-template oder ähnliches erfordert.
Gibt es eine Möglichkeit, die Komponente als HTMLElement zu rendern und sie auf diese Weise an die Beschreibung zu übergeben, indem nur TS-Dateien?

Code: Select all

      {
title: ciccio;
description: renderedSelectComponentInHtml;
}