Как передать компонент в ng-content в Angular? - PullRequest
Новая
       52

Как передать компонент в ng-content в Angular?

0 голосов
/ 06 августа 2020

Я пытаюсь найти простой способ вложения компонента в другой компонент, ссылаясь на него внутри области содержимого родительского компонента. Это будет родительский элемент: 

@Component({
    selector: 'app-foo',
    template: `
    <div>
        <p>Some content around the nested component</p>
        <ng-content></ng-content>
        <p>And some more content below the nested component</p>
    </div>
  `
})
export class Foo {
}

И затем я хочу использовать его следующим образом: 

<app-foo>
    <app-bar></app-bar>
</app-foo>

Я думаю, что внутри области содержимого пользовательского компонента принимаются только строки, поэтому это не работает. Но это похоже на очень общий вариант использования c, и я не могу найти примеров, которые делают именно это, не усложняя его. Я не продвинутый пользователь Angular, поэтому мне нравится простота. Есть ли какая-нибудь документация, которую я пропустил, или есть предложения, как go по этому поводу?

...