角度2-单击菜单项会产生奇怪的效果-打开＃ref

Question

我需要在自己的“位置”中开发5-7个Angular应用程序。例如：

• 主应用程序= /
• app1 = / orders
• app2 = / scheduler
• app3 = / transport
• 等

然后，我需要从主应用程序打开指向这些“子应用程序”的链接。像这样：单击主应用程序中的链接，它应在新窗口中打开 / orders应用程序。

问题是-我不确定Angular 6是否完全可行？ 以及如何实现这一目标？

我尝试使用（使用斜线和不使用斜线对其进行尝试），但这没有帮助。因为此类Angular应用程序中的所有内部菜单，选项卡和导航链接均不起作用。 :-( 还尝试使用“ ng build --prod --base-hreforders”命令构建应用程序-这也无济于事（同样的问题）。

我将举例说明我遇到的问题。在“ /订单”应用中，我有一个像这样的菜单：

<ul class="nav nav-pills" >
  <li class="nav-item">
    <a class="nav-link active" href="#">Active</a>
  </li>
  [...]

但是当我在Web浏览器中打开该菜单并单击该菜单链接时，它失败了，因为它跳到了不存在的“ http://myDevSrv.local/orders/orders#”位置，因此显示404 HTTP错误。

注意：这只是一个默认的新应用程序（我刚刚使用“ ng neworders”命令创建了），而我在那儿所做的唯一事情-执行了“ ng install popper.js jquery bootstrap”命令，在app.component.html中添加了一个菜单示例。因此，应用程序非常简单。我只需要最大程度简化概念验证即可。

可以请教吗？

谢谢。