2017-01-04 3 views
0

Es gibt ein seltsames Verhalten, ich habe eine Auswahl und zwei Radios, die perfekt auf Desktop-Browsern funktioniert, aber in mobilen verlieren sie nur ihre Funktionalität ... Lassen Sie mich dies mit einem Bild zeigen :ng2-bootstrap wählen und Funkgeräte lose Funktionalität auf Handy

in Desktop können Sie die indikativen Pfeile einer ausgewählten

In desktop, you can see the indicative arrows of a select

Aber in Handy sehen nicht, und ist unmöglich, die wählen öffnen Sie das Feld "Klopfen"

enter image description here

Natürlich hier ist der Code:

<section class="col-xs-12"> 
    <div class="row"> 
     <div 
      class="form-group col-xs-12" 
      [ngClass]="{'col-md-8': options === 'eval', 'col-md-offset-2': options === 'eval', 'col-md-5': options === 'compare'}"> 
      <select 
       class="form-control" 
       name="categoryOne" 
       [(ngModel)]="TitleOne.category" 
       required> 
       <option *ngFor="let category of categories" [value]="category">{{category}}</option> 
      </select> 
     </div> 
    </div> 
</section> 

Antwort

0

Sie haben dieses Problem auf iOS? Ich hatte das gleiche auf iOS; Hinzufügen dieser Importe in der app.module dieses behoben

// 
import 'intl'; 
import 'intl/locale-data/jsonp/nb'; 
+0

In IOS und Chrome für Android. Lass mich das versuchen. ¿Importieren Sie etwas Spezielles in den 'Imports', benutzen Sie einfach diese zwei bloßen Linien? – Nano

+0

Nur die anderen benötigten Importe für meine App (ich habe diese beiden Zeilen beim Testen auf iOS/Safari hinzugefügt); Ich benutze Winkel 2.3; ng2-bootstrap neueste Version – Karl

+0

Überprüfen Sie auch diese verwandte Frage: http://stackoverflow.com/questions/26988049/select-drop-down-does-not-work-in-mobile-device-when-apply-bootstrap?rq= 1 – Karl