![](/img/trans.png)
[英]Auto-insert <ion-list-divider> on change of value in *ngFor
[英]How to insert divider in the `ngFor` in Angular?
您可以使用<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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.