javascript – Angular 2 Routes – 是否可以使用ngFor从路由创建动态routerLinks？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Angular 2 Routes – 是否可以使用ngFor从路由创建动态routerLinks？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1115字，纯文字阅读大概需要2分钟。

内容图文

我想在具有已定义路径的特定模块中获取所有路由,并使用ngFor循环遍历它们并在我的组件html中创建动态链接列表.

ngFor示例(overview.component.html)：

<li *ngFor="let item of items; let i = index;">
   <a routerLink="/{route.path}">{route.path}</a>
</li>

模块示例(base.module.ts)：

...

const routerConfig = [
  {
    path: '',
    component: BaseComponent,
    children: [
      {
        path: '',
        component: OverviewComponent
      },
      {
        path: 'group-one',
        component: OverviewComponent
      },
      {
        path: 'group-one/:id',
        component: DetailComponent
      },
      {
        path: 'group-two',
        component: OverviewComponent
      },
      {
        path: 'group-two/:id',
        component: DetailComponent
      }
    ]
  }
];

@NgModule({
  imports: [
    RouterModule.forChild(routerConfig)
  ]
  ...
})
export class BaseModule { }

在尝试使用ActivatedRoute,Router等进行各种实验后,我无法找到可供使用此信息的对象.

目前这可以通过Angular 2路由器吗？

我怎么能解决这个问题呢？

解决方法:

这段代码

<a routerLink="/{route.path}">

传递/{route.path}字面上作为路径路径

你可能要么

<a [routerLink]="'/' + route.path">

要么

<a routerLink="/{{route.path}}">

对于Angular来评估表达式,绑定需要只有[]或{{}}中的一个(从不同时)

[propName]="..."

要么

propName="{{...}}"

后者总是将结果字符串化,因此不适合传递对象.

内容总结

以上是互联网集市为您收集整理的javascript – Angular 2 Routes – 是否可以使用ngFor从路由创建动态routerLinks？全部内容，希望文章能够帮你解决javascript – Angular 2 Routes – 是否可以使用ngFor从路由创建动态routerLinks？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端