2016-05-04 16 views
0

ich in meinem HTML-Template so etwas wie dies bin mit:Angular 2 (click) funktioniert nicht in Chrome

<div class="input-group" id="geo-type"> 
     <div class="input-label" [style.color]="geographicLocationColor">{{geoLocationTitle}}</div> 
     <select class="dropdown-toggle dropdown-select" role="button" aria-haspopup="true" aria-expanded="false"> 
      <option value="" selected hidden>{{geographicLocationPl}}</option> 
      <option *ngFor="#geo of geographicLocations" (click)="locationOnSelect(geo)">{{geo.description}}</option> 
     </select> 
    </div> 

Wenn ich etwas in Drop-Down-Menü mit firefox auswählen, die Methode locationOnSelect genannt wird (I mache ich ein anderes GET durch den Standort identifiziert), aber in Chrome wird nichts passieren - die Methode locationOnSelect wird nicht aufgerufen.

Auch ich habe Probleme mit IE (ver 11), locationOnSelect ist in Ordnung, aber auf der nächsten GET (Benutzer wählen etwas im zweiten Dropdown-Menü) der IE abstürzt - aufhören zu arbeiten. Also funktioniert meine App zu 100% nur in Firefox. Irgendwelche Ideen?

+0

ich die (click)="..." oder (change)="..." auf dem <select> anstelle des <option>

See hinzufügen sehe keinen '(klick)' Richtlinie über die select-Attribut. Fügen Sie das hinzu und überprüfen Sie. –

+0

Ich habe meinen (click) = "locationOnSelect (geo)" verschoben, um das Tag auszuwählen und jetzt stürzt die App ab, weil Geo nicht definiert ist. –

Antwort

1

Sie müssen auch Click event on select option element in chrome

<div class="input-group" id="geo-type"> 
    <div class="input-label" [style.color]="geographicLocationColor">{{geoLocationTitle}}</div> 
    <select [ngModel]="selectedGeo" (ngModelChange)="locationOnSelect($event)" 
     class="dropdown-toggle dropdown-select" role="button" aria-haspopup="true" aria-expanded="false"> 
     <option selected hidden>{{geographicLocationPl}}</option> 
     <option *ngFor="#geo of geographicLocations" [ngValue]="geo">{{geo.description}}</option> 
    </select> 
</div> 
+0

Vielen Dank, aber ich habe meine (click) = "locationOnSelect (geo)" verschoben, um das Tag auszuwählen, und jetzt stürzt die App ab, weil Geo nicht definiert ist. –

+0

Sie können '[ngModel]' mit '(ngModelChange)' verwenden, um das gewünschte Verhalten zu erhalten. –

+0

Ich habe es versucht, aber ich muss etwas falsch machen, immer noch Geo ist undefiniert. Könnten Sie mir ein Beispiel für HTML schicken? Vielen Dank. –

Verwandte Themen