角度多行列表单击任意位置进行导航

作者: 小它．Little it
发布时间: 2024-12-13 01:27:57 (1月前)
转自：

4 条回复

0#
回复此人
布偶的表弟派大星丶 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 尝试添加 <code> routerLink="/book/{{book.id}}" </code> 在 <code> mat-list-item </code> 标签并删除的<strong> 锚 </强> 标签 </p> <P> 这可能会奏效 </p> </DIV>

编辑
1#
回复此人
甲基蓝 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您可以尝试下面的代码，它对我有用 </p> <pre> <code> <h3 matSubheader>Recent</h3> <mat-list-item> <a [routerLink]="['/book',book.id]"> <p matLine><strong>book</strong></p> <p matLine>This is a book</p> </a> </mat-list-item> </mat-nav-list>``` </code> </pre> </DIV>

编辑
2#
回复此人
早岁那知世事艰 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 得到它的工作。移动制作线 <code> *ngFor </code> 只是一个 <code> div </code> ，然后把 <code> mat-list-item </code> 在里面 <code> routerLink </code> ： </p> <pre> <code> <mat-nav-list> <h3 matSubheader>Recent</h3> <div *ngFor="let book of recentBooks$ | async"> <a mat-list-item routerLink="/book/{{book.id}}"> <p matLine><strong>{{book.title}}</strong></p> <p matLine>{{book.description}}</p> </a> </div> </mat-nav-list> </code> </pre> <P> 我不知道是否有任何负面因素没有直接的孩子 <code> mat-nav-list </code> 是 <code> mat-list-item's </code> 但看起来好像。 </p> </DIV>

编辑

登录后才能参与评论