选择带有Angular 5中图像的框

Question

我在Angular 5中使用了bootstrap 3的select元素。我认为这是一个WebForms / Bootstrap组件。是否可以将图像附加到其他选项？也许使用CSS？

           <select (change)="course.active = !course.active"
                    name="myselect">
                <option [selected]="course.active" >
                    Option 1
                </option>
                <option [selected]="!course.active" >
                    Option 2
                </option>
            </select>    

Answer 1

这是一个重复的问题，您可以在此处找到答案：

Adding images with option tag
How to add images in select list?
Image in SELECT element

您无法在<option>内添加图像，但DOM不允许，<option>标签仅接受纯文本...因此，您需要使用CSS和{{1} }属性以使其正常工作。

希望对您有所帮助：）