您可以使用<hr>
标签来渲染水平线,并使用*ngFor
指令的last
本地变量以避免在最后一个项目后渲染该行。
请尝试以下方法:
<div>
<a *ngFor="let subsection of section.subSections; let last=last"
(click)="navigateToSubsection(section.id,subsection.id)">
{{ subsection.sectionName }}
<hr *ngIf="!last" class="solid">
</a>
</div>
工作示例:Stackblitz
我在 Stackblitz 上为您创建了一个示例。
您可以像这样使用 <hr>
:
<div clas="main-container" *ngFor="let subsection of section.subSections>
<a mat-list-item"
(click)="navigateToSubsection(section.id,subsection.id)">{{subsection.sectionName}}
</a>
<hr/>
</div>