Angular 6:多页面应用程序(MPA)是否可行?
Angular 6: Multi Page Application (MPA) is possible?
在 Google 上花了一整天后,我的问题仍然没有得到解答。
因为我是使用 6.0.4 版本创建 Angular 应用程序的新手。我的第一个简单问题是:
是否可以为 Angular 应用配置多级登录页面?
示例:在不公开根页面顶部导航栏上的链接的情况下,我需要直接链接到用户拥有自己不同菜单的这些页面。喜欢:WordPress/admin 面板与其网站不同。
/home
用于 public 视图
/admin
用于登录后的管理部分
/customer
登录后客户部分
这是因为我发现只有一个 app.component.html
文件,我们可以在其中使用路由包含我们的组件,但顶部有静态导航栏。
如果不是:
如何运行为以上3个部分创建的多个应用程序可以运行在同一个url:port
下?
SOLVED
通过以下方式:https://angular.io/guide/lazy-loading-ngmodules
注意:最后必须注释掉app.component.html
中的导航按钮
<!--
<h1>
{{title}}
</h1>
<button routerLink="/customers">Customers</button>
<button routerLink="/orders">Orders</button>
<button routerLink="">Home</button>
-->
<router-outlet></router-outlet>
在 Google 上花了一整天后,我的问题仍然没有得到解答。
因为我是使用 6.0.4 版本创建 Angular 应用程序的新手。我的第一个简单问题是:
是否可以为 Angular 应用配置多级登录页面?
示例:在不公开根页面顶部导航栏上的链接的情况下,我需要直接链接到用户拥有自己不同菜单的这些页面。喜欢:WordPress/admin 面板与其网站不同。
/home
用于 public 视图/admin
用于登录后的管理部分/customer
登录后客户部分
这是因为我发现只有一个 app.component.html
文件,我们可以在其中使用路由包含我们的组件,但顶部有静态导航栏。
如果不是:
如何运行为以上3个部分创建的多个应用程序可以运行在同一个
url:port
下?
SOLVED
通过以下方式:https://angular.io/guide/lazy-loading-ngmodules
注意:最后必须注释掉app.component.html
<!--
<h1>
{{title}}
</h1>
<button routerLink="/customers">Customers</button>
<button routerLink="/orders">Orders</button>
<button routerLink="">Home</button>
-->
<router-outlet></router-outlet>