Содержимое компонента в Angular? <Foo>Содержание</ Foo>

Question

Как мне получить содержимое моего текущего компонента?

Скажи у меня FooComponent это используется в другом компоненте, например так:

<foo>bar</foo>

Как мне извлечь bar в FooComponent?

Попробовал это, но получил val = null:

ngAfterViewInit() {
    console.info('val =', this.elementRef.nativeElement.value);
}

Answer 1

Ааа, нашел это:

this.elementRef.nativeElement.innerHTML

И к шаблону добавьте:

<ng-content></ng-content>

Answer 2

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

https://stackblitz.com/edit/angular-ck6nch?file=app%2Fapp.component.ts