如何在angular2中使用谷歌自定义覆盖的路由器导航？
在Angular2中使用谷歌自定义覆盖的路由器导航，可以通过以下步骤实现：
- 首先，确保已经安装了Angular CLI，并创建了一个新的Angular项目。
- 在项目的根目录下，打开命令行工具，并执行以下命令安装
@angular/router模块： - 在项目的根目录下，打开命令行工具，并执行以下命令安装
@angular/router模块： - 在项目的根目录下，打开
app.module.ts文件，并导入RouterModule和Routes： - 在项目的根目录下，打开
app.module.ts文件，并导入RouterModule和Routes： - 在
app.module.ts文件中，定义路由配置。可以使用Routes数组来定义路由配置，每个路由配置包含路径和组件的映射关系： - 在
app.module.ts文件中，定义路由配置。可以使用Routes数组来定义路由配置，每个路由配置包含路径和组件的映射关系： - 这里的
HomeComponent、AboutComponent和ContactComponent是你自己定义的组件。 - 在
app.module.ts文件中，使用RouterModule.forRoot()方法来配置路由器，并将路由配置传递给该方法： - 在
app.module.ts文件中，使用RouterModule.forRoot()方法来配置路由器，并将路由配置传递给该方法： - 在你想要显示路由组件的地方，使用
<router-outlet></router-outlet>标签。这个标签会根据当前的路由路径来动态显示对应的组件。 - 在需要导航到不同路由的地方，可以使用
routerLink指令来创建链接。例如，在导航栏中添加链接： - 在需要导航到不同路由的地方，可以使用
routerLink指令来创建链接。例如，在导航栏中添加链接： - 这样，当用户点击链接时，路由器会自动导航到对应的组件。
以上就是在Angular2中使用谷歌自定义覆盖的路由器导航的步骤。在这个过程中，可以使用Angular提供的RouterModule模块和Routes数组来配置路由，并使用routerLink指令创建链接。这样可以实现页面之间的导航和组件的动态显示。
腾讯云相关产品和产品介绍链接地址：
相关·内容
我已经使用了Google自定义覆盖并创建了一个div。现在我想在覆盖点击时导航到其他一些路线。请建议如何在Angular2中使用路由器导航？
浏览 12提问于2017-03-01得票数 0
li [class.active]="router.isRouteActive(router.generate(['/SomeRoute']))"> },
"licens
浏览 4提问于2016-05-22得票数 0
回答已采纳
我是angular2的新手。如何在angular2中从一个页面导航到另一个页面？为此，我使用了路由器插座。它只是在一个组件之间重定向到另一个组件，但是我想从主页重定向到另一个组件，当我单击dropdown items.Do时，我需要使用页面路由器出口吗？如果是这样，如何使用它以及如何安装nativescript等等。提前感谢您的回复。
浏览 4提问于2017-07-11得票数 0
2回答
角2着陆页
、、
我正在采取我的第一步与角2和角一般，我想知道如何建立一个登陆页。import {Component} from 'angular2/core';import {NavbarCompon
浏览 6提问于2016-05-02得票数 7
回答已采纳
我想使用服务中的路由器对象来允许导航到不同的路由。export class ExternalService { ...这段代码未能说明我不能在ExternalService中实例化路由器我还尝试在我的_router: Router构造函数中添加AppComponent，它在那里工作。如何在我的E
浏览 3提问于2016-05-24得票数 2
Angular2路由器-当向模板组件注入路由器链接时出现链接问题我制作了一个导航组件，它有一个模板，没有任何功能。但是，当我将路由链接添加到模板时，当我只使用路由器链接时，我总是会收到控制台错误。这里是我的导航组件ts文件：
import {Component, View, CORE_DIRECTIVES, FORM_
浏览 3提问于2015-12-13得票数 2
回答已采纳
因此，我很难弄清楚如何在用户交互时将页面滚动到窗口顶部(如单击项目)。在AngularJS中，我可以使用$window.scrollTo(0, 0);，但我没有使用Angular2路由器，所以需要类似于$window的东西
任何帮助都将不胜感激。
浏览 1提问于2016-06-06得票数 10
回答已采纳
我想在angular2中清除浏览器导航历史记录，以便用户导航到特定页面(我感兴趣的页面)后，不能通过单击浏览器的后退或下一步按钮来后退或前进......现在，我尝试像这样导入Angular2位置并像这样使用它来阻止导航
this._router.navigateByUrl('/h
浏览 3提问于2016-03-08得票数 3
在使用路由器时，所有教程都表明，我仍然需要定义一个根组件，该组件传递给根模块的bootstrap函数。但是，如果这个根的组件模板仅仅包含<router-outlet>，那么这个根组件的目的是什么？
浏览 3提问于2016-11-17得票数 3
回答已采纳
我正在使用Angular2 RC1中的新路由器(不是路由器)。我需要能够在应用程序继续加载之前加载一个JSON配置文件。我正在使用Config类来获取我的JSON配置，但问题是，在我的配置完成加载之前，我不希望路由器出口加载。我尝试用一个<router-outlet>包装*ngIf，但却遇到了以下问题：Ang
浏览 9提问于2016-06-08得票数 0
我正在使用Angular2种子应用程序，您可以在中找到它。如您所见，这里导入了angular2 2/路由器，并使用它创建应用程序的基本路由。} from 'angular2/router';
...：如何配置路由器以在我的url中添加hashtag，使其看起来像:localhost:5555/#/关于。有什么漂亮简单的方法
浏览 2提问于2015-10-20得票数 4
回答已采纳
我正在尝试弄清楚如何将Angular2路由器导航(路由器3.0.0-α7)与查询参数一起使用。this.路由，即这里的route1。然而，在重定向之后，redirect查询参数停留在URL中，即我现在位于页面/route1?redirect=route1。我想在这里删除redirect参数。此外，如果我随后导航到具有相同r
浏览 0提问于2016-07-07得票数 20
回答已采纳
我有以下组件，一个主要的和另一个。我想以编程的方式从main导航到另一个。/// <reference path="../../node_modules/angular2/core.d.ts" />
/// <reference path="../../node_modules/angular2/rout
浏览 4提问于2016-04-16得票数 0
回答已采纳
1回答
我正在尝试使一个抽屉布局与从数据库获取数据的JSON一起工作。我如何创建它？有什么简单的方法可以做到这一点吗？非常感谢你的帮助。
浏览 0提问于2016-08-15得票数 0
为什么我们需要在angular 2中将url转换成safe？<div href="'url' | safeUrl"></div>
有没有人？
浏览 5提问于2016-12-27得票数 3
在使用angular2 beta进行了一段时间的开发之后，我开始收到警告，表示im使用了不推荐的表单版本。不仅如此，一些css包(如primeng )在角/路由器被弃用后被破坏。有什么简单的方法可以从angular2 beta迁移到新的rc表单和路由器？
没有路由器的</e
浏览 0提问于2016-07-29得票数 1
我正在使用canDeactivate方法来阻止angular2中的浏览器导航。我正在调用一个确认弹出，如果用户选择取消，它不会移动到另一个页面，但路由器的状态正在改变。使用角路由器版本4.4.4。
浏览 2提问于2017-11-17得票数 0
回答已采纳
3回答
我成功地将我的Angular2应用程序与后面的Spring后端集成，将编译好的JS资源放在/ui子目录中。一切正常--基本上，Angular2应用程序可以通过appname/ URL访问。但是，我想知道是否有一种方法可以告诉Spring“通过”/ui路径的子程序，因为当前Spring拦截了针对/ui/*的每个请求，从而阻止了Angular2路由器正确地导航到/
浏览 5提问于2017-05-29得票数 5
回答已采纳
我一直在和Angular2路由器玩，想找出其他的。我在Angular2文档中遇到了类似的情况：
移除此路由器的出口和所有子代出口的内容
我想知道如何设置延迟，并使用新类作为提供程序，以便所有的路由器导航都有一些延迟(比如
浏览 1提问于2016-03-26得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
