2016-10-10 2 views
3

Я пытаюсь перевести контент. У меня есть следующий код для компонента:Простой ng-контент не работает в угловой 2

<body> 
    <bn-menu> 
     <span>test</span> 
     <p>I am content</p> 
    </bn-menu> 
    </body> 

И следующий компонент:

import { Component } from '@angular/core'; 
@Component({ 
    selector: 'bn-menu', 
    template: '<div><div>Jo</div><ng-content></ng-content></div>' 
}) 
export class MenuComponent { } 

Но только «Джо» получает отображается и не «тест» или «Я доволен». Что я делаю не так?

+0

вы можете проверить это [сообщение Stackoverflow: корневой компонент Angular2 с ng-содержимым.] (Http://stackoverflow.com/a/32574733/6515462) –

ответ

4

Кажется, вы пытаетесь отобразить содержимое в корневом компоненте, содержимое в корневом компоненте обычно используется для отображения содержимого, используемого при загрузке углов.

Если вы можете обернуть bn-menu внутри некоторого другого корневого компонента, он должен работать.

Проверить этого вопрос SO Angular2 root component with <ng-content>

Надеется, что это помогает !!

Смежные вопросы