Question

如果未选择其他任何项目，如何制作活动的第一项？

<div class="list-group" *ngFor="let rep4Hour of rep4Hours">
    <a  class="{{selectedRep4Hour == rep4Hour ? 'active' : ''}} list-group-item list-group-item-action flex-column align-items-start" (click)="onSelectedRep4Hours(rep4Hour.hour_id)">
        <div class="d-flex w-100 justify-content-between">
            <h5 class="mb-2 h5">{{rep4Hour.report_date | date: 'dd/MM/yyyy'}}</h5>
        </div>
    </a>
</div>

Answer 1

* ngFor公开了一些变量，您可以看到here。

我们感兴趣的是first：

<div class="list-group" *ngFor="let rep4Hour of rep4Hours; let first = first">
    <a [class.active]="yourConditionsToBeSelected(first)" class="list-group-item list-group-item-action flex-column align-items-start" (click)="onSelectedRep4Hours(rep4Hour.hour_id)">
        <div class="d-flex w-100 justify-content-between">
            <h5 class="mb-2 h5">{{rep4Hour.report_date | date: 'dd/MM/yyyy'}}</h5>
        </div>
    </a>
</div>

请记住，yourConditionsToBeSelected()是一个占位符方法，您应该根据自己的条件（例如“没有选择其他元素”，“是否选择了此元素”或“ selectedRep4Hour == rep4Hour”）创建占位符方法不管这意味着什么），并接收一个布尔值，该布尔值说明它是否是第一个元素。

还有任何其他问题请告诉我，我会澄清

如何制作一个活跃的元素？

1 个答案: