在Angular中加载App组件以外的其他组件

Question

我想首先通过替换Appcomponent来在Angular项目中加载FleshScreenComponent组件，为此，我这样做是

scope("session") { Something() }
scope("session") { AnotherThing() }

但我仍然无法做到

因为我要从app.module.ts文件中放入完整代码。

 bootstrap: [FleshScreenComponent],

Answer 1

看看 at this demo.

您需要在FleshScreenComponent中提供index.html的选择器，就像我在HelloComponent的演示中所做的一样

<hello>loading</hello>

Answer 2

您可以在应用程序启动时使用“路由”加载所需的组件。这样可以为应用程序提供更好的结构。

将其放入app-routing.module.ts

常量路由：路由= [{ 路径：“， 组件：FleshScreenComponent }];

，并且在app.component.html

中

<router-outlet>
</router-outlet> 

最后，不要忘记在app.module中导入路由模块，因为我发现您的代码中缺少此导入。

Answer 3

在AppComponent的ngOnInit方法中，如果您使用路由，则可以以编程方式重定向到FleshScreenComponent。