angular - 如何使用角度实现带有复选框的多选下拉过滤器

Question

我想实现一个看起来像这样的过滤器。日志用于事件，我想根据事件状态进行过滤

我尝试循环遍历事件并获取 event.status 但我收到错误提示状态未定义。我已尝试对选项进行硬编码，但无法显示复选框。我现在不关心逻辑或功能，我只想实现 UI。

这是我的 HTML 代码

    <div class="select">
    <select [ngClass]="{ active: !!eventApp }" aria-label="frequency" [(ngModel)]="eventApp" (change)="getEvents()">
            <option value="">Status</option>
            <option [value]="event.uid" *ngFor="let event of events?.content">
{{event.status}}
            </option>
    </select>
    </div>

`

以上不起作用，我应该对选项进行硬编码吗？成功，失败，重试。我试过这样做，但复选框没有显示。

标签： angulartypescriptangular12