加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angular – RouterLink数组

发布时间:2020-12-17 17:44:35 所属栏目:安全 来源:网络整理
导读:我有一个超链接,我需要在Angular 4中建立一个路由器链接.我有很多部分到url,其中一部分是一个数组.我不确定如何将数组拆分为routerlink数组的部分. 拿这个人为的例子: [routerLink]="['/customers',customerid,orderid,arrayofints,anotherint]" 我希望路由
我有一个超链接,我需要在Angular 4中建立一个路由器链接.我有很多部分到url,其中一部分是一个数组.我不确定如何将数组拆分为routerlink数组的部分.

拿这个人为的例子:

[routerLink]="['/customers',customerid,orderid,arrayofints,anotherint]"

我希望路由器看起来像customerid = 10,order = 500,arrayofints = [1,2,3],anotherint = 888

"/customers/10/500/1/2/3/888"

我最终得到了类似的东西:

"/customers/10/500;0=1;1=2;2=3/888"

解决方法

对于任何非平凡的事情,我都会在组件代码而不是模板中完成工作.所以在模板中:

[routerLink]="customerRouteFor(anotherint)"

在组件中,您可以使用… spread语法:

customerRouteFor(anotherint: number): (string | number)[] {
  return ['/customers',this.customerid,this.orderid,...this.arrayofints,anotherint];
}

在我看来,这似乎比concat方法更清晰.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读