Question

启动我的第一个Angular 2应用，我正试图获得＆lt; ng-content＆gt;然而，它正在做一些奇怪的事情......

我的主要内容：

import { bootstrap } from 'angular2/platform/browser';
import { AppComponent } from './app.component';

bootstrap(AppComponent, [])
    .then(success => console.log('Bootstrap success'))
    .catch(error => console.log(error));

app.component.ts：

import { Component } from 'angular2/core';

@Component({
    selector: 'my-app',
    templateUrl: '/app/app.component.html'
})

export class AppComponent {
}

和app.component.html：

<div class="container-fluid contentArea">
    Test before
    <ng-content></ng-content>
    Test after
</div>

在我的index.html中，我有这个：

<my-app>
    Test
</my-app>

我看到的是

Test Before Test After

直到Angular bootstraps大约2秒钟，然后它清除页面，我只看到

Test

我在这里做错了什么以及如何在我的页面上保持测试之前的测试？

Answer 1

不支持在根组件上进行转换。这仅适用于组件模板，但不适用于index.html到组件。

为什么ng-content删除了我的其他内容？

1 个答案: