如何在angular 2路由器中隐藏路由？
在Angular 2路由器中隐藏路由可以通过以下步骤实现：
- 在路由配置文件中定义需要隐藏的路由。路由配置文件通常是一个数组，包含了应用中所有的路由信息。每个路由对象都有一个
path属性，用于指定路由的路径。为了隐藏路由，可以将该路径设置为一个空字符串。 - 在路由配置文件中定义需要隐藏的路由。路由配置文件通常是一个数组，包含了应用中所有的路由信息。每个路由对象都有一个
path属性，用于指定路由的路径。为了隐藏路由，可以将该路径设置为一个空字符串。 - 在上述代码中，我们定义了一个空路径的路由，并将其组件设置为
HiddenComponent。同时，我们通过outlet属性将该路由指定为一个隐藏路由。 - 在应用的模板文件中使用
router-outlet指令来渲染路由。 - 在应用的模板文件中使用
router-outlet指令来渲染路由。 - 在上述代码中，我们使用了两个
router-outlet指令。第一个指令用于渲染普通的路由，第二个指令使用了name属性，并指定为hidden，用于渲染隐藏的路由。 - 在需要隐藏路由的地方进行导航。
- 在需要隐藏路由的地方进行导航。
- 在上述代码中，我们使用
navigate方法进行导航，并通过outlets属性指定要隐藏的路由。
通过以上步骤，我们可以在Angular 2路由器中成功隐藏路由。隐藏路由的应用场景包括但不限于：需要在特定条件下显示某个页面、需要在特定页面上叠加显示其他内容等。
腾讯云提供了云计算相关的产品和服务，其中与Angular 2路由器隐藏路由相关的产品是腾讯云的云服务器（CVM）和负载均衡（CLB）。云服务器提供了可靠、安全、高性能的计算资源，负载均衡可以实现流量分发和容灾，提高应用的可用性和稳定性。
腾讯云云服务器产品介绍：https://cloud.tencent.com/product/cvm
腾讯云负载均衡产品介绍：https://cloud.tencent.com/product/clb
相关·内容
在App.component.ts中，我已将路由器链接重定向到主页，在那里我想隐藏登录和注册链接。我知道很多人会回答authGuard，因为我刚接触angular。我只是想知道如何在路由器基础上隐藏不同页面上的一些链接或功能，我想我可以在ngIf和路由器链接中做到这一点，但是应该写在哪里。流量是点击登录或注册后想要隐藏的链接，有没有人可以帮忙？
浏览 20提问于2019-09-23得票数 0
我使用Angular 4来创建我的管理面板。在左侧，我从主路由器加载了一个菜单。在左边有一个绿色的区域，我想在其中加载另一个组件。我使用了一个名为"console- router“的新路由器。另一个组件内部有有效的HTML，并且主路由器工作得很好。我在定义(链接)时遇到解析错误，该链接应该显示左侧区域中的"App Dashboard“内容。app.module.ts path: 'console',
浏览 1提问于2017-06-28得票数 4
使用而不是新的Angular2路由器有什么好处和缺点？在过去，我使用有角度1.x的ui路由器，而不是使用ngRoute，因为我需要更好地支持嵌套状态/路由。
那么现在，Angular2呢？你能告诉我内置路由器 of Angular2，新的ui- Angular2 和ngrx路由器之间的区别吗？
浏览 1提问于2016-07-13得票数 47
回答已采纳
1回答
我从许多有声望的网站(如twitter，twitch，facebook)了解到，它们都是授权和非授权用户的根路径。说对于twitter来说，在用户登录之前和之后，url位置指向。Angular路由器似乎只提供静态配置，因此我无法基于canActivate guard中的身份验证逻辑动态创建组件。我所能做的就是导航(例如，登录(‘/this.router.navigate’))到不同的路径，然后angular将实例化相应的组件，但之后我将不再位于根目录中。你知道如何在</
浏览 5提问于2018-01-09得票数 2
我是angular2的新手，我试着从实践中学习。但是我在这里，完全被卡住了！
浏览 3提问于2016-10-12得票数 0
在使用angular2 beta进行了一段时间的开发之后，我开始收到警告，表示im使用了不推荐的表单版本。不仅如此，一些css包(如primeng )在角/路由器被弃用后被破坏。有什么简单的方法可以从angular2 beta迁移到新的rc表单和路由器？
没有路由器的供应商！
浏览 0提问于2016-07-29得票数 1
我正在使用Angular2种子应用程序，您可以在中找到它。如您所见，这里导入了angular2 2/路由器，并使用它创建应用程序的基本路由。import {Component, ViewEncapsulation} from 'angular2/angular2'; RouteConfig,
ROUTER_DIREC
浏览 2提问于2015-10-20得票数 4
回答已采纳
因此，我很难弄清楚如何在用户交互时将页面滚动到窗口顶部(如单击项目)。在AngularJS中，我可以使用$window.scrollTo(0, 0);，但我没有使用Angular2路由器，所以需要类似于$window的东西
任何帮助都将不胜感激。
浏览 1提问于2016-06-06得票数 10
回答已采纳
nb-sidebar>
<router-outlet></router-outlet></nb-layout> 如您所见我想知道如何处理我的404组件，使其不具有header和sidebar 我是否应该有一个变量true|false来知道我是否必须隐藏它们？最好的方法是什么？ 谢谢！
浏览 7提问于2021-08-07得票数 0
回答已采纳
0回答
我是angular的新手，我正在使用angular 4构建一个多步骤表单。} <router-outlet name="step1">Child 1 in apply comp</router-outlet>
<router-outletname="step2">Child 2 in apply comp</router-outlet&g
浏览 2提问于2017-06-09得票数 0
回答已采纳
在我的应用程序中，我希望在用户单击back按钮时显示提示消息框或模式。我可以使用onPopState事件，但它不会阻止用户向后导航。
浏览 1提问于2017-08-24得票数 3
我对这项技术非常好奇，我想知道Facebook、Twitter和许多网站是如何在没有任何刷新的情况下点击链接后重新加载页面的？我在google上搜索了一下，但在这个Quora 中没有找到任何有用的信息。有人说他们使用WebSocket应用程序接口或AJAX来请求任何类似的东西。
那么，这项技术/技术叫什么？
浏览 6提问于2020-04-10得票数 1
2回答
我知道您可以在使用this.router.navigate(["/Pages"], { skipLocationChange: true });进行路由时隐藏URL，但是当我使用window.open(在使用window.open()时是否有隐藏URL的方法，或者使用angular2路由器在新选项卡中打开URL的方法？
浏览 2提问于2017-03-24得票数 2
回答已采纳
2回答
我对Angular2非常陌生，我需要构建一个可重用的库，它将被多个应用程序作为html标签使用。所以我的问题是如何设计我的多页可重用库？
我是否应该将所有内容(搜索、创建、编辑)都放在一个组件中，并使用ngIf来显示/隐藏同一页面中的各个部分。但我相信应该有一些方法来处理库中的<
浏览 13提问于2017-01-14得票数 8
/node_modules/angular2/core.d.ts" />
import {Component, provide} from 'angular2/core&#
浏览 4提问于2016-04-16得票数 0
回答已采纳
我可能遗漏了一些简单的东西，但是尝试使用新的组件路由器时，我无法让VS代码识别它。我将package.json中的所有@angular引用更改为2.0.0-rc.2；运行npm install，VS Code不喜欢我的导入： ? 当我导航到node_modules中的@angular/router文件夹并检查index.d.ts时，我看到了RC1路由器的所有引用。删除@angular文件夹并重新安装，结果相同。
浏览 74提问于2016-06-20得票数 6
回答已采纳
我正在使用RC.1在angular2 CLI中进行路由选择，但是在angular2 RC发布之后，似乎在路由方面有很多变化，在angular2测试版之前，一切都很好，
如何在RC中使用子路由？按一下按钮不工作的<em
浏览 1提问于2016-06-25得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
