问题标签 [router-outlet]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
39 浏览

javascript - 路由器出口导致页面上升,如何解决?

当用户单击特定行时,将调用 router-outlet 并在该行下方显示一个页面。问题是当用户单击页面显示正常的行时,母版页向上(滚动顶部)..所以用户必须向下滚动才能查看(路由器出口)子页面数据。

如何防止滚动顶部?

0 投票
1 回答
3738 浏览

angular-routing - 您可以在父路由器插座中显示您的子路由吗?

主要问题:有没有办法显示到父路由器出口的子路由?

考虑Angular.io路由器指南中的这个例子。

主要路线片段:

主要组件片段:

危机中心路线片段:

危机列表组件片段:

CrisisDetailComponent 片段:

这个路由器的输出是这样的:

在此处输入图像描述

所以。我想说的是,当您单击Dragon Burning Cities时,而不是在下面显示它,为什么不直接在 CrisesListComponent 级别显示它?

我能想到的就是在 CresesListComponent 中像这样使用* ngIf

是否想在此父路由出口上将子路由器设置为此显示?

谢谢。我希望我把我的问题说清楚了。

0 投票
1 回答
3188 浏览

angular - Angular Elements/路由器出口

Angular Element 可以使用路由器插座吗?

并且,如果是这样,该路由器插座会干扰(与)父路由器插座吗?

0 投票
1 回答
328 浏览

angular - Angular 2+ 滑动侧边栏在路由器出口外

我正在尝试实现一个侧边栏,在整个应用程序中单击各种按钮时打开(“更多信息”类型的功能)。出于这个原因,我希望将侧边栏组件放置在路由器插座之外。

应用组件:

当侧边栏打开时,我想将屏幕的其余部分变灰并在任意位置单击(在侧边栏旁边关闭侧边栏)。我想这样做的方法是将导航和路由器出口包装在一个带有单击事件的 div 中以关闭侧边栏。侧边栏打开/关闭/切换由服务管理。我遇到的问题是像这样包装路由器插座(和导航)会覆盖用于打开侧边栏的路由内的实际按钮单击。有什么建议吗?非常感谢

0 投票
1 回答
352 浏览

angular - 角度路由器插座不渲染任何东西

我是角度的初学者。我正在听讲座并动手操作。我按照讲师编写以下代码。但这不会呈现任何内容。请帮助

app.module.ts :

app.component.html:

0 投票
2 回答
832 浏览

javascript - 如何发出路由器事件

我有 2 个模块,一个是 sidenav,我可以在其中选择菜单并希望在content modulewhere have中显示组件router-outlet。我想知道最好的方法是什么?有一些router event我可以subscribe在内容模块中使用的地方吗?因为我将使用service组件emitsubscribe event in router-outlet组件,但我想这不是最佳实践。像这样的东西:

在组件中,我只是订阅service emit并用于router.navigaterouter-outlet. 希望有人可以帮助我=)。谢谢

0 投票
2 回答
25314 浏览

angular - Angular 6 - 多个路由器插座

我想要一个 Enter-comp。作为概述,基本上是两个孩子。例如登录和注册组合。此外,我想用多个路由器插座来管理它。但是“当然”它还不起作用。它让我一直在扔:Error: Cannot match any routes. URL Segment: ',%20%7Boutlets:%20%7Blogin:%20%5B'login'%5D%7D%7D'

应用路由配置

应用程序根

导航栏比较

期待这里的错误。我怀疑,我称之为错误路线:

0 投票
0 回答
415 浏览

angular - Ionic 4 调用生成的标签出口

我安装了 Ionic 4 的 RC 版本。

选择带有标签的模板。

生成后,我新建一个页面:

在主页上,调用WelcomePage

WelcomePage,调用HomePage(它是标签的出口)

这是app-routing.module.ts

让我们测试一下: ionic serve

在我单击按钮GoToWelcome并单击GoToHome. 选项卡按钮(关于、联系...)不再起作用。呼叫出口不同吗?

0 投票
2 回答
9606 浏览

angular - eventEmitter 可以在路由器插座上工作吗?

我在我的父组件中,我想检测发出的事件。

child.component.ts

}

父组件.html

父组件.ts

这对我不起作用!

编译后的 HTML 代码如下所示:

有没有办法推(stateChanged)="onStateChange($event)"<child-component>元素?

有人可以帮忙吗?

0 投票
0 回答
41 浏览

javascript - 儿童路由器插座只能使用一次

路由器插座仅在第一次工作。没有问题或错误。我有一个子路由到一个组件。路由工作正确 浏览器中的 URL 正在更改,但该组件不会第二次调用。

组件html:

我做错了什么?