分类导航
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsVueDojoJsonElectronNode.jsExpressXMLAjaxUnityReactFlexWeb前端微信小程序支付小程序百度小程序

在TypeScript中调用Angular路由器

Angularjs   发布时间：2022-04-20  发布网站：大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了在TypeScript中调用Angular路由器，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我在这样的页面中有一个按钮： 

<button [routerLink]="['../edit',14]">Test</button>

所以,如果我在http：// localhost / dashboard并单击按钮,我将被重定向到http：// localhost / dashboard / edit / 14,这正是我的预期.

现在我需要在Typescript中做同样的事情.我在我的课程中注入了Router服务并尝试了以下方法：

this.router.navigate([`../edit/${item.id}`]);

this.router.navigate([`/edit/${item.id}`]);

this.router.navigate([`edit/${item.id}`]);

但没有一个工作,所有这些都将我重定向到我的起始页面,没有任何错误.

路由器是否需要一些额外的设置？

解决方法

您需要指定相对于当前路由的路由.以下是如何做到这一点： 

@Component({...})
class ChildComponent {
  constructor(private router: Router,private route: ActivatedRoute) {}

  go() {
    this.router.navigate([`../edit/${item.id}`],{ relativeTo: this.route });
  }
}

这里有Docs描述NavigationExtras类的relativeTo属性

大佬总结

以上是大佬教程为你收集整理的在TypeScript中调用Angular路由器全部内容，希望文章能够帮你解决在TypeScript中调用Angular路由器所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：
猜你在找的Angularjs相关文章
其他相关热搜词更多
JavaScript之正则表达式学习笔记