Корневой компонент Angular2 с <ng-содержимым>
Я видел рабочие примеры, когда<ng-content>
используется внутри других вложенных компонентов (как здесьhttp://plnkr.co/edit/Hn393B9fJN6zgfaz54tn) но мне не удалось запустить его внутри корневого компонента Angular2:
HTML-шаблон:
<html>
<body>
<app>
<h1>Hello, World!</h1>
</app>
</body>
</html>
Компонент Angular2 в машинописи:
import {Component, View, bootstrap} from 'angular2/angular2';
@Component({
selector: 'app'
})
@View({
template: 'Header: <ng-content></ng-content>',
})
export class App {
}
bootstrap(App);
Я ожидаю, что это будет генерировать:
<app>
Header: <h1>Hello, World!</h1>
</app>
но это не так и содержание<app>
игнорируется Посмотреть демо на Plunkerhttp://plnkr.co/edit/dJlA4SQpy8pnrdyDiy9u.
Я подумал, может быть, это идет вразрез с некоторой философией Angular2 или чем-то еще, так что это даже не поддерживается, но мой вариант использования очень похож на первыйрабочая демо Я думаю.