2016-05-04 12 views
0

Я использую в моем HTML шаблон что-то вроде этого:Угловое 2 (клик) не работает в 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> 

Если я выбираю что-то в раскрывающемся меню с FireFox, метод locationOnSelect называется (I я делаю некоторые другие GET, идентифицированные по местоположению), но в Chrome ничего не произойдет - метод locationOnSelect не вызывается.

Также у меня проблема с IE (ver 11), locationOnSelect в порядке, но на следующем GET (пользователь выбирает что-то во втором раскрывающемся меню) IE падает - перестает работать. Таким образом, мое приложение работает на 100% только в firefox. Есть идеи?

+0

Я не вижу '(нажмите)' директивы о выборе атрибута. Добавьте это и проверьте. –

+0

Я переместил мой (click) = "locationOnSelect (geo)", чтобы выбрать тег, и теперь приложение вылетает из-за того, что geo не определено. –

ответ

1

Вы должны добавить (click)="..." или (change)="..." на <select> вместо <option>

Смотрите также 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

Спасибо, но я переместил мой (click) = "locationOnSelect (geo)", чтобы выбрать тег, и теперь приложение вылетает из-за того, что geo не определено. –

+0

Вы можете использовать '[ngModel]' с '(ngModelChange)', чтобы получить запрошенное поведение. –

+0

Я пробовал, но я должен делать что-то неправильно, но гео не определено. Не могли бы вы прислать мне пример html? Спасибо. –

Смежные вопросы