How to pass text to Angular component?

Question

Angular

there is a test.component.html component


that I need to specify in it so that I can use it something like this

Some RED TEXT

I inserted and wrote any text in it and it turned red right away. In order not to pass through a variable

Answer 1

test.component.html:

// Пускай это компонент <app-test></app-test>
<p style="color: red;"><ng-content></ng-content></p>

//app.html:
<app-test>Behold the RED TEXT!</app-test>