2回答
我尝试在我的角度应用程序中使用多个路由器插座。每当我试图在shell容器中使用多个路由器端口时，我都会遇到问题。
预期的行为是在我访问主组件和详细信息组件的路径时，同时呈现它们：
然而，在这个例子中，app-routing.module使用了一个没有任何子路由的平面路由结构。
// app-routing.module.ts in flat solution
const routes: Routes = [
{ path: '', component: EmptyShellComponent },
{
path: 'feature1'
浏览 0提问于2022-02-08得票数 2
因此，经过几个小时的搜索，我找不到类似的问题。设置如下:一个app模块和一个路由模块。主路由器出口中显示的组件是user-component，而主路由器出口在app-component html文件中。我想导航到位于user-component的html中的路由器插座。我只找到了嵌套路由和多出口路由示例/解决方案，它们通过app导航，其中所有或两个路由器都在同一个html文件中。这有没有可能呢？
浏览 2提问于2020-06-02得票数 0
我目前正在创建一个Angular4应用程序，这是一个在线游戏的UI。作为这个应用的一个功能，有一个手机，其中包括一个主路由器出口和一个辅助路由器出口谁在负责显示一些提示。由于使用了指定的出口，用户可以在主路由上导航，而辅助路由仍然显示。
作为一个独立的，电话功能工作很好。
整个应用程序的结构如下：
## root.component.html ##
<router-outlet><router-outlet>
<router-outlet name="phone"><router-outlet> // will load phon
浏览 4提问于2017-08-27得票数 3
回答已采纳
免责声明:这是一个复制的，它有一个公认的答案，但不能解决我的情况。
所以我的问题是:我希望在我的主组件中有两个相同的“路由器出口”。因为似乎只有第二个“路由器出口”获胜，并正确地显示内容。建议的将路由器出口包装在ng模板中的解决方案对我不起作用。
这是我在代码中的情况：
<div class="mobile-only">
<div>some special content for mobile version</div>
<router-outlet></router-outlet>
</div>
浏览 0提问于2019-03-21得票数 3
回答已采纳
我读过和看过许多angular2课程和教程，它们都描述了一个带有静态菜单和静态页脚的网页。因此，他们使用路由器-出口的主要内容。
如果我们有20页与Menu1 + Footer1和其他20页与Menu2 + Footer2等。
我能想到的最好是，我可以有一个带有3个路由器插座的主模板(name=“菜单”、name=“脚注”、name=" main ")，但是我如何使用这些路由构建这个页面呢?因为我只能调用一个组件，而不需要描述其他的接口。
<div>
<router-outlet name="menu"></router-o
浏览 1提问于2016-11-09得票数 1
回答已采纳
我使用vue-cli创建了这个项目，目前正在学习vue-路由器。
我想使用beforeEach函数进行身份验证，以及我所看到的将新路由器函数传递给像var new_value = new Router这样的变量的所有教程。
这就是我的路由器的样子
router.vue
export default new Router({
mode: 'history',
base: process.env.BASE_URL,
routes: [
{
path: '/',
name: 'home',
c
浏览 0提问于2018-11-13得票数 0
回答已采纳
2回答
我有一个组件，需要在激活/禁用named router-outlet时有条件地显示。好的，在激活端，但当url更改回时(即有人按下浏览器的后箭头)：路由器出口内容仍在显示。我认为主要的问题是路由器插座是延迟加载模块的一部分。我已经检查了的角7，但它对我的项目没有影响(角9)。
这是我的路由模块路由
const routes: Routes = [
{ path: '', component: StudentsComponent },
{ path: ':id/macro',
component: StudentDetailComponent
浏览 3提问于2020-08-11得票数 0
1回答
我使用多个路由器-输出来加载我的组件。外部路由器-出口是使用加载最基本的组件，如登录，家庭，404.我使用嵌套路由器-出口来加载主页的子组件。路由器出口被嵌套在home.component内部.
home.component.html
<app-header></app-header>
<router-outlet name="homeRoute"></router-outlet>
<app-footer></app-footer>
app.module.ts
const appRoutes: Route
浏览 3提问于2017-09-26得票数 9
回答已采纳
我的工作室中有一个NAS服务器(IP: 192.168.0.101)，我通过路由器将它的137/138/139/445端口映射到我的Internet IP(2.2.2.2)。通信内容如下：
192.168.0.101:137 <=> 2.2.2.2:30137
192.168.0.101:138 <=> 2.2.2.2:30138
192.168.0.101:139 <=> 2.2.2.2:30139
192.168.0.101:445 <=> 2.2.2.2:30445
现在，有一个托管在IDC中的服务器，它需要访问共享文件夹。如何在
浏览 0提问于2019-09-25得票数 1
React路由器v6.4引入了一种新的带有和的路由API。
在较早版本的Reactive路由器中，可以对使用Reactive路由器定义的路由进行包装，以启用页面转换。当提供位置和键的值时，Framer可以检测是否从组件树中添加或删除一个子元素，以显示开始和退出过渡动画。
反应前的路由器v6.4:
<AnimatePresence exitBeforeEnter>
<Routes location={location} key={location.pathname}>
<Route path="/" element={<HomePa
浏览 5提问于2022-10-25得票数 2
回答已采纳
1回答
在我的Angular5应用程序中，我有一个名为'admin‘(/admin)的路由器插座，它有子路由器'news’/admin/(admin:news)，我希望创建到组件CreatePostComponent /admin/(admin:news/new-post)的链接。
这是我的路由器：
{
path: "admin",
component: AdminComponent,
children: [
{
path: "",
redirectTo: "/admin/(
浏览 1提问于2018-03-29得票数 4
回答已采纳
我正在开发一个应用程序，它为应用程序的每个主要部分使用延迟加载的模块。我有一个和两个路由器插座，一个在主路由器插座上，另一个叫做details。 const routes: Routes = [
{ path: '', component: BooksComponent, resolve: {books: BooksResolver},
{ path: ':id', component: BookDetailsComponent, resolve: { book: BookResolver},outlet: "details"
浏览 34提问于2021-09-28得票数 0
1回答
是否可以动态地将路由器出口的名称设置为角2？我需要创建一个包含路由器出口的通用组件。
模板示例：
<nav class="nav menu">
<a *ngFor="let navRoute of navigationRoutes" class="nav-link" [class.selected]="navRoute.isActive" (click)="onActivated(navRoute.route)">{{navRoute.header}}</a>
</
浏览 0提问于2016-11-25得票数 12
回答已采纳
2回答
我正在开发一个角4应用程序，我希望在路由器-出口之外加载login.page.ts。
这是我的home.component.html文件
<div class="container">
<top-nav-bar></top-nav-bar>
<lett-nav-bar></lett-nav-bar>
<router-outlet></router-outlet>
</div>
路线吐露
const MAINMENU_ROUTES: Routes = [
{
浏览 0提问于2017-07-04得票数 14
回答已采纳
2回答
我的app.component.html中有这样一个html：
<login-menu></login-menu>
<top-menu-bar></top-menu-bar>
<div class="grid-container">
<router-outlet></router-outlet>
</div>
正如您所看到的，它很简单。顶部菜单栏将组件注入路由器插座。如何使注入组件能够更改此路由器出口标记内容？假设我想让注入组件具有如下内容：
<a (click)=
浏览 4提问于2019-10-03得票数 1
1回答
在上面的柱塞中，当前单击菜单中的Page1或Page2将内容加载到未命名的路由器出口。如何将它们加载到指定的路由器出口(ContentOutlet)中？
我试着添加以下内容，但它破坏了页面
在app.module.ts中
{ path: 'Page1', component: Page1Component, outlet:'contentOutlet'},
{ path: 'Page2', component: Page2Component, outlet:'contentOutlet'}
浏览 3提问于2016-10-25得票数 0
回答已采纳
我们公司有一个IDC (互联网数据中心)，在我们的IDC中，有许多主机，每个主机都有1-3个IP。
有一种情况，例如一台主机有3个is (例如。102.23.33.1 -> 102.23.33.3)。(意思是在主机中，已经将IP配置到它)
如果主机只使用102.23.33.1，并且释放了102.23.33.2和102.23.33.3。我们想找出那些免费的IP。
我怎么能这么做？我试图使用for循环来平平整个is，但这并不准确，因为某些主机被禁止使用ping。
编辑
我指的是主机如果有3个IP，而且都可以平分，但是主机只使用第一个IP来连接公共网络，如何才能找到另外两个IP主机不使用(或不
浏览 0提问于2017-10-17得票数 0
2回答
在隧道中，数据包被封装在另一个数据包的有效负载部分中。如果一端的路由器封装数据包，那么另一端的路由器如何识别包是否被封装。
是否有任何ip报头字段可以帮助路由器查明数据包是否被封装？
浏览 0提问于2021-09-16得票数 2
回答已采纳
1回答
我不能有角度来路由以下涉及嵌套路由器插座的场景。其想法是在顶部有一个应用程序范围的横幅，然后是仪表板导航组件，它有自己的路由器出口来显示组件。这些组件应该能够有自己的路由器出入口，以便(例如，显示主细节模式，主人在左边，细节在右边)。我能够路由一个命名的出口，但不能在另一个命名的出口内指定的子出口。
AppComponent包含主出口<router-outlet></router-outlet>，即从延迟加载的模块中显示DashboardNavComponent .DashboardNavComponent包含<router-outlet name='da
浏览 4提问于2020-01-30得票数 1
当im登录并导航到其他页面或登录时，我得到以下错误：
EXCEPTION: Uncaught (in promise): Error: Cannot find primary outlet to load 'customComponent'
Error: Cannot find primary outlet to load 'customComponent'
但当我没有登录时导航工作。
我还注意到，如果我删除其中一个路由器出口，导航将工作。假设我删除了loggedin中的路由器出口，user.username中的导航将正常工作。
怎么会这样?我怎样才能使它按应有
浏览 4提问于2017-05-12得票数 0
回答已采纳
1回答
我已经盯着这个看了几个小时了，我似乎不明白我做错了什么。下面是我的场景:我有一个具有主模块和管理模块的角4应用程序，我正在懒洋洋地加载它们。我想在Admin组件的模板中定义另一个路由器，在这里我可以加载管理功能的所有辅助路由。
下面是我的app.module路由配置：
const routes: Routes = [
{ path: '', redirectTo: 'dashboard', pathMatch: 'full' },
{ path: 'home', component: HomeComponent }
浏览 0提问于2017-11-21得票数 0
回答已采纳
2回答
MPLS报头如何提供有关下一协议的信息？
我在互联网上做了一些研究，发现路由器保存着这些信息，因为路由器是分配标签的人。
但是在每次标签交换时，都必须有一些关于下一个协议的信息，这些信息可以在分组离开MPLS域时提取出来。
浏览 1提问于2015-08-13得票数 2
1回答
我尝试在角8.x应用程序中配置路由，并使用延迟加载和指定的出口。我有下一个配置：
main-layout.html
<header>
<app-top-menu></app-top-menu>
</header>
<mat-sidenav-container autosize="true" id="app-main-layout">
<mat-sidenav opened mode="side">
<app-left-menu></app-l
浏览 2提问于2020-01-06得票数 0
回答已采纳
以下是预期的UI： ? 但是实际的UI是渲染的 ? 下面是app-routing.module.ts const routes: Routes=[
{path: '',component: HomeComponent},
{path:'counter',
loadChildren:() => import('./counter/counter.module').then((m)=> m.CounterModule)
},
{path:'posts', component: PostslistCompo
浏览 26提问于2021-04-02得票数 0
回答已采纳
3回答
我对角度路由有问题。我有主应用程序路由模块和子模块，有自己的路由模块和路由器出口，但是在这个子模块中定义的路由是使用根路由器出口而不是子路由器出口显示的。
我的文件夹结构：
我的代码列表
app-routing.module.ts
const routes: Routes = [
{ path: '', component: HomeComponent, pathMatch: 'full' }
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterMod
浏览 1提问于2017-06-15得票数 3
在我的应用程序-routing.Module里，我有一条和孩子们在一起的路。父组件(路由)在其HTML中显示路由器出口。就像这样：
<ng-template #thenBlock>
<div class="container-login">
<button class="logoutBtn" (click)="navigateToLogin()">Logout</button>
<div class="column-left"><app-sidena
浏览 5提问于2022-03-03得票数 0
2回答
我有一个主路由器出口和一个命名的出口。主出口包含一个子路由器插座。当我试图只更改指定的出口时，它会失败--我会被路由到默认的主路由，而在指定的出口中什么都不会发生。
AppRouter (初级/应用模块)：
{ path: 'dashboard', component: DashboardComponent },
{ path: 'person/:id', component: PersonProfileComponent }
{ path: '', redirectTo: 'dashboard', pathMatch: '
浏览 11提问于2017-11-03得票数 1
回答已采纳
Angular 2-4默认情况下，路由器在路由器出口标签后添加组件。如何配置路由器，使组件添加到内部或改为添加？
<router-outlet></router-outlet>
<inserted-component></inserted-component>
浏览 35提问于2017-07-24得票数 0
回答已采纳
BGP组用于虚拟边界路由器(VBR)与阿里巴巴云私有网络中本地IDC的通信。我使用下面提到的命令创建了一个BGP组：
https://vpc.aliyuncs.com/?Action=CreateBgpGroup
&RegionId=cn-beijing
&PeerAsn=2010
&RouterId=vbr-2zeff11o2sqhnp1u7ci93
&CommonParameters
但是如何获取返回参数(如RequestID & BgpGroupID)呢？
浏览 0提问于2018-11-04得票数 0
我有一个主路由器-出口(在我的侧导航组件内)，我在这个里面创建了另外两个路由器出口。
我有这样的东西。
router-outlet (primary) {
router-outlet name='info' { }
router-outlet name='services' {
the path I want to navigate only inside this outlet
}
}
我相信这里有问题：
<button [routerLink]="[{ outl
浏览 0提问于2019-09-11得票数 2
回答已采纳
我有一个懒惰的模块，我想要一个不同的经验，桌面和移动设备。基本上，我希望我的桌面布局像：
Component1显示一个列表，用户在列表上选择一个项目，component2将显示详细信息。我创建了名为“side”的路由器出口，作为侧边栏显示。下面是路由器配置：
const desktop_routes: Routes = [
{
path: '',
component: LayoutComponent,
children: [
{
path: '',
component: ListCom
浏览 0提问于2019-08-29得票数 3
回答已采纳
2回答
我有一些代码如下所示：
<section>
<div style="height: 100%; max-width: 10%; background-color: deepskyblue;">my content</div>
<router-outlet style="height: 100%; min-width: 90%; background-color: gold;"></router-outlet>
</section>
我希望div作为一个边栏工作，路由器
浏览 6提问于2021-12-08得票数 1
我用路由器编写Angular2应用程序，比如/main /item。App有很多过滤表/树/组合框。我希望在/main页面中打开引导模式窗口(例如，调用@component modalFilterWindow)并像路由器一样切换此窗口中的内容。
我能做到就像
<first-filter-content ngIf="currentFilter=='first'">
<second-filter-content ngIf="currentFilter=='second'">
....
但是它可以变得更漂亮
..
浏览 2提问于2016-06-22得票数 0
1回答
MPLS中的标签分发协议
、、、
最近，我一直在研究MPLS技术，在阅读了MPLS的一些特性之后，我对此产生了怀疑。
A---B---c
| |
D----E
假设路由器A，E是LER，B，C，D是LSR，我们想从A->E发送流量。我了解到只有LSR才能最初分配标签，在LDP中，下游路由器开始标签的分配和标签/FEC绑定。
Can someone please explain me
1.)how A(LER) can transmit the packets to B(LSR).
2.)how can B know which label and port to forward,if it rece
浏览 0提问于2013-08-21得票数 9
回答已采纳
我有一个顶层组件，它包含用户可以访问的所有功能，比如帐户或配置文件页面，但也包含有自己的子页面的功能。我以这种方式获得了一个深嵌套的路由树，但是我目前不希望视图上表示相同的结构。每个组件的内容都应该显示在包含在UserComponent的HTML中的顶级路由器出口中。简而言之，用户的配置文件信息(/user/ profile )和用户第9家店的产品创建(/user/ shop /9/create)应该被转发到完全相同的路由器出口。
这就是我的应用程序的相关部分-routing.Modes.ts现在是这样的：
path: 'user',
component: UserCompon
浏览 1提问于2017-04-21得票数 2
1回答
如何导航两个出口深？
、、、
我想要生成的URL是：
)
我有一个名为'Foo‘的路由器插座，它包含一个名为'Bar’的路由器出口。
如何在条形图中显示组件？
我在下面创建了代码，但它并没有起作用：
this._router.navigate([{ outlets: { fooOutlet: 'foo', barOutlet: 'bar' } }], );
this._router.navigate([{ outlets: [{ fooOutlet: 'foo' }, { barOutlet: 'bar' }] }]);
它给了我这个：
(分
浏览 0提问于2018-09-10得票数 1
2回答
角2多路路由器
、、
我有一个用角cli创建的角2应用程序，我的app.component.html如下所示：
<app-navigation></app-navigation>
<app-top-navbar></app-top-navbar>
<router-outlet></router-outlet>
<app-footer></app-footer>
<app-right-sidebar></app-right-sidebar>
在我的路由中，如果没有在/Login中注册令牌，则
浏览 6提问于2016-10-27得票数 2
回答已采纳
我正在开发一个具有以下格式的URL的webapp：
.../index.html/quiz/:quiz_id/topic/:topic_id
路由器应该得到指定的测试，呈现其标题，然后得到指定的主题并呈现其标题。如果工作正常，页面将显示
<h2>Fred's Quiz</h2>
<h3>First topic</h3>
代码可以在这里找到：
我部分地跟踪了一种特殊的行为，其中路由器在src_router.js中设置了一个src_router.js行19的模型，但是模板实际上是由一个不同的QuizTopicController实例驱动的。
浏览 1提问于2013-12-05得票数 1
回答已采纳
我有一个问题角2路由器。我不能让它用指定的出口重定向到特定的子路由。我认为这是一个URL编码的问题。我希望有人能帮我。这是我的路线设置：
const appRoutes: Routes = [
{
path: 'browse',
component: BrowseComponent,
children: [
{
path: 'first',
component: BrowseFirstComponent,
outlet: 'vi
浏览 0提问于2016-12-09得票数 1
回答已采纳
1回答
App级路由器
const routes: Routes = [
{ path: 'dist', redirectTo: '/landing' },
{ path: '', redirectTo: '/landing', pathMatch: 'full' },
{ path: 'manage-herd', loadChildren: './manage-herd/manage-herd.module#ManageHerdModule' }
];
子路由器
{
浏览 4提问于2016-12-07得票数 0
回答已采纳
请原谅我，因为我可能完全误解了什么。我是一个非常早期的教育网络学生，目前我正在修改我的路由器设置，同时学习。
我注意到我的Comcast路由器为WAN默认网关列出了一个设置。我以前从未听说过这种情况，但我认为这基本上是Comcast为接受该地区所有家庭路由器的连接而设置的路由器，用于在其网络中发送更深层次的连接，或者类似的内容。为了确认这一点，我运行了tracert 8.8.8并期望在输出中看到WAN默认网关的IP，但它没有出现。
现在我只是好奇，WAN的默认网关是什么？如果我对它的作用是正确的，为什么它不会出现在tracert的输出中呢？
浏览 0提问于2017-12-31得票数 0
回答已采纳
1回答
在我的角度(第4版)应用程序计划使用左浮动按钮默认所有页面，用于反馈表单。I，也使用和。我尝试使用ng引导模式在app.component.html (与路由器)，但不工作。可以帮助共享任何链接，实现
浏览 3提问于2017-08-17得票数 1
回答已采纳
2回答
我想得到组件的名称，它是由路由器链接在标题布局中活动的。然后根据组件名active进行检查。如果有办法，请帮我解决这种情况。目前，我正在用ngOnInit方法获取路由器链路地址。
this.router.url
我还想要链接到活动路由器链接的组件名，因为在某些情况下，组件名称和url段在我的应用程序中不匹配。
浏览 0提问于2018-12-05得票数 0
1回答
我想在引导为自定义元素的组件中使用角路由。看起来，如果我在一个页面上放置了几个自定义元素，那么只有最后一个元素接收路由器出口。
这是带的回购
我通过以下方式生成了这个示例项目：
ng新(带路由)
ng添加@角/元素
通过createCustomElement更改为引导(my-el是元素名)
将TypeScript“目标”更改为Es6
将Index.html更改为承载两个my-el元素。
您知道为什么只有我的组件的最后一个实例有路由器输出和所有其他实例路由到该元素吗？
浏览 1提问于2019-04-28得票数 9
回答已采纳
1回答
我想要创建一个服务来完成我的路由。我想我需要路由器服务和ROUTER_DIRECTIVES。我可以在服务中使用构造函数简单地注入路由器服务。
如何添加ROUTER_DIRECTIVES？
干杯
浏览 2提问于2016-03-26得票数 0
回答已采纳
2回答
他们正在配置辅助路由，但没有在顶层配置.我想配置相反的，那是多个路线在最高层。我的主要目标是在正常的应用程序页面上显示一个完整的覆盖(登录页面)。
假设我有以下html：
<div class="wrapper" *ngIf="mainRouterOutlet">
<div header></div>
<div sidebar></div>
<div class="content-wrapper">
<router-outlet&
浏览 4提问于2016-09-08得票数 0
回答已采纳
1回答
我想使用角度引导样式从路由器出口服务的组件。
在常规引导中，您可以通过向如下元素添加类来进行样式设置：
<div id="main-layout" class="row p-3">
</div>
我想做同样的事情，但是我想对<router-outlet></router-outlet>的输出进行样式化，我想这样做，因为我想使用一个网格布局，它的侧边是静态内容，而动态内容是根据路由变化的。
我已经确认您可以以这样的方式设置样式和单独的组件：
<div id="main-layout" class
浏览 0提问于2018-02-12得票数 2
回答已采纳
我们有一个思科881路由器托管一个SSL webvpn网关。移动用户使用此网关通过AnyConnect 4.4进行连接。该系统配置正确，运行良好。(证书、信任点、SSL网关、SSL上下文.)
昨天，我们在路由器配置中做了一个“坏”的修改。因此，我们重新加载了以前正确工作的良好配置。(复制tftp启动并重新加载路由器)
现在，AnyConnect说：
无法连接到服务器。请验证互联网连接和服务器地址。
网页https://fqdn:port不可用。
我已经告诉公众:港口。路由器“显示webvpn网关SSL1”中没有错误，说明网关已启动，“显示webvpn上下文SSL”表示上下文也已启动。
什么可以
浏览 0提问于2017-02-03得票数 0
回答已采纳
目前，我能够处理使用Angular 2 RC1进行路由的基本情况，例如只有几个链接的主组件，单击它们可以在主路由器插座中渲染内容。
同样，单击子组件中的链接会在子组件路由器出口中呈现其子组件。
我不能完成的是我需要在应用程序的主出口中呈现一个子组件的情况。
我的url结构如下：
/account/user/
/account/user/profile/
/account/user/otherfeature/
/account/admin/
/account/admin/somefeature
/account/admin/anotherfeature
我有以下代码，它在运行时会显示一个主页，
浏览 1提问于2016-05-24得票数 1
如上面的链接图所示，当客户端(vnet A)需要ping服务器(vnet C)时，是否可以强制该流量通过集线器vnet (vnet B)内的两个设备？
UDR1强制流量通过虚拟设备路由器1，而UDR2强制流量从路由器1传出到路由器2，一旦流量从路由器2传出，它将到达服务器，这是通过对等自身完成的。
UDR3和UDR4用于返回流量。
Router 1上的tcpdump显示传入的流量，然后Router 1将该流量转发到Router 2，但在Router 2上看不到流量，尽管是UDR 2。
然而，从客户端到服务器的doing确实有效，这意味着Azure正在进行交付，这会导致流量绕过Router 2
浏览 13提问于2018-08-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
