Bootstrap Multiselect-Drop-Down zeigt nicht bei Verwendung von Winkel 2

Question

Ich bin mit einem bootstrap multiselect

Es zeigt an, wenn ich die Optionen hart codieren:

<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> 

Aber nicht, wenn ich Winkel 2 verwenden Syntax in this answer gezeigt:

<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> 

es wird schließen ... es in den Optionen wählt gefüllt hat:

Es wird nur nicht angezeigt. Es erlaubt der Maus nicht einmal, mit der rechten Maustaste zu klicken und die Mehrfachauswahl zu überprüfen. Ich muss mit der rechten Maustaste daneben klicken und finde es dann in den Konsolenelementen. Was vielleicht etwas mit dem z-index zu tun hat, bezweifle aber, dass ich nicht sicher bin, warum der z-index davon betroffen ist.

Wie kann ich das Dropdown-Menü anzeigen lassen, wenn Sie die angular 2-Syntax anstelle der Optionen verwenden? Es funktionierte für this guy:

EDIT: Es funktionierte tatsächlich nie für diesen Kerl, den Plunker prüfend, benutzt er nicht das bootstrap multiselect plugin. Ich lasse die Frage hier für den Fall, dass jemand es irgendwie funktioniert.

Answer 1

Sie haben folgende Attribute setzen auf Ihrem wählen:

• deaktiviert
• style = "display: none"

Versuchen Sie, sie zu entfernen.