如何获得带有角度的检查按钮的下拉列表？

Question

我刚开始学习角度2并制作小网页。

一个重要的要求是使用检查按钮扩展下拉列表。

下拉列表必须保持扩展，默认显示10个元素并支持多个选择。所以我使用了multiple和size属性。但我无法找到一种方法将复选框放在每个元素的前面。

我还考虑过使用复选框控件而不是选择选项。但由于元素太多，我不知道如何用滚动条只能看到10个项目。

以下是我的代码。每个组都有元素对象数组。有人可以帮帮我吗？

<div class="blahblah">
    <div class="select-wrapping hide-list" >
        <select class="wide" size="10" name="groups" multiple>
            <optgroup *ngFor="let group of groups" label="{{group.name}}">
                <option *ngFor="let element of group.elements" [value]="element.ID">
            </optgroup>
        </select>
    </div>
</div>