如何在Angular的ngFor中插入除法器？

编程问答 2022-06-12

问题描述

我有一个小节，我想知道如何在每个小节之间放置html分隔符，但不确定如何做到这一点，因此，如果能得到任何建议或帮助，我将不胜感激。

<div>
    <a mat-list-item *ngFor="let subsection of section.subSections" (click)="navigatetoSubsection(section.id,subsection.id)">{{subsection.sectionName}}
    </a>
</div>

例如这样的东西：

enter image description here

解决方法

我在Stackblitz上为您创建了一个样本

您可以像这样使用In [27]: (Reals - singularities(expr,x)).as_relational(x) Out[27]: x ≠ 1 ：

<hr>
,

您可以使用<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

angularangularangular-ngfordivider