простой ng-контент не работает в angular 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 { }

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


angular angular2-components
person Jan Hommes    schedule 10.10.2016    source источник
comment
вы можете проверить это Stackoverflow Post: корневой компонент Angular2 с ng-содержимым.   -  person Reza Adha Hamonangan    schedule 10.10.2016

Ответы (1)


arrow_upward
9
arrow_downward

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

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

Проверьте этот вопрос SO Компонент с ‹ng-content›

person Madhu Ranjan    schedule 10.10.2016