使用角度2时，未显示Bootstrap多选下拉列表

Question

我正在使用bootstrap multiselect

当我对选项进行硬编码时显示：

<div class="row">
    <div class="col-sm-8 offset-sm-2 col-md-6 offset-md-3 col-lg-4 offset-lg-4 form-group input-group btn-group" style="height:64px;">
        <div style="position: relative; display: inline-block; width: 100%;">
            <select id="category-select" multiple class="form-control">
                <option value="cheese">Cheese</option>
                <option value="tomatoes">Tomatoes</option>
                <option value="mozarella">Mozzarella</option>
                <option value="mushrooms">Mushrooms</option>
                <option value="pepperoni">Pepperoni</option>
                <option value="onions">Onions</option>
            </select>
            <div class="form-control-icon" id="keywords-icon"></div>
        </div>
    </div>
</div>

但是，当我使用this answer中显示的angular 2语法时，不是这样：

<div class="row">
    <div class="col-sm-8 offset-sm-2 col-md-6 offset-md-3 col-lg-4 offset-lg-4 form-group input-group btn-group" style="height:64px;">
        <div style="position: relative; display: inline-block; width: 100%;">
            <select id="category-select" multiple class="form-control">
                <option *ngFor="#item of items">{{item}}</option>
            </select>
            <div class="form-control-icon" id="keywords-icon"></div>
        </div>
    </div>
</div>

它接近......它填写了选择选项：

它只是不会显示它们。它甚至不允许鼠标右键单击并检查多选。我必须在它旁边单击鼠标右键，然后在控制台元素中找到它。这表明可能与z-index有关，但有点怀疑，因为我不确定为什么z-index会受到影响。

如何在使用angular 2语法而不是硬编码选项时显示下拉列表？它适用于this guy：

编辑：它实际上从来没有为那个人工作，检查他没有使用bootstrap multiselect插件的plunker。我会在这里留下这个问题，万一有人确实让它以某种方式运作。

Answer 1

您在选择中设置了以下属性：

• 禁用
• 风格=＆＃34;显示：无＆＃34;

尝试删除它们。