Angular:构建后如何使用不同的组件?

时间:2018-12-27 23:10:31

标签: angular

我已经在Angular应用中构建了三个组件。我使用命令

导出了该文件
ng build --prod

我将其嵌入到网站的HTML页面中,

如何显示第2页上的组件2,以及第3页上的组件3?

正如我嵌入<app-root></app-root>一样,它在所有页面上显示默认组件编号1。

我的网站是用PHP制作的,页面很少。

1 个答案:

答案 0 :(得分:0)

Angular旨在用于构建客户端应用程序。您可以在Angular应用程序中构建所有页面。

使用<router-outlet></router-outlet>定义您希望在页面上显示每个组件的位置。然后,当用户导航到每个组件时,它将显示在您定义路由器出口的位置。

我强烈建议您完成Angular教程,以更好地了解Angular应用程序的结构以及如何构建满足您要求的应用程序。

您可以在此处找到该教程的文档:https://angular.io/tutorial