模板的显示内容不起作用答案

【问题标题】：Display content of template doesn't work模板的显示内容不起作用
【发布时间】：2017-07-12 19:47:28
【问题描述】：

我是 angular 2 新手，我用这个命令生成了一个组件

ng generate component hello

并生成所有文件并更新 app.module.ts。

在 index.html 我已经添加了这个

<app-hello></app-hello>

但是网页变成空白，什么也没有出现。

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { HelloComponent } from './hello/hello.component';

@NgModule({
 declarations: [
 AppComponent,
 HelloComponent
],
imports: [
BrowserModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

【问题讨论】：

尝试用bootstrap: [HelloComponent]替换bootstrap: [AppComponent]
我们在 bootstrap 中列出组件来告诉 Angular 这些组件是我们的起点。这意味着 Angular 将以一种特殊的方式编译这些组件（生成主机工厂），并将寻找满足组件选择器的元素。然后在这些元素里面会放置组件模板。stackoverflow.com/questions/44077178/…
只需将索引的标签更改为引导程序主组件

标签： angular angular-templatecache

【解决方案1】：

好吧，在索引内部，您只能打印“引导程序”中的组件。现在，app.component.html 是您的主要 html 文件，您可以在其中放置其他组件。您不能在 index.html 中执行此操作。

【讨论】：