angular - Angular：构建后如何使用不同的组件？

Question

我在 Angular 应用程序中构建了三个组件。我使用命令导出了它

ng build --prod

我将它嵌入到我的网站的 HTML 页面中，并且

如何显示，第 2 页上的组件编号 2。第 3 页上的组件 3？

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

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

标签： angular

Answer 1

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

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

我强烈建议您阅读 Angular 教程，以更好地了解 Angular 应用程序的结构以及如何构建一个符合您要求的应用程序。

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