Как работать с событием, используя mat-icon в Internet Explorer 11? - PullRequest
Новая
       27

Как работать с событием, используя mat-icon в Internet Explorer 11?

0 голосов
/ 11 апреля 2019

У меня есть такой пример кода: 

 <button class="notification-switcher remove-pointer" 
        mat-icon-button
        [ngClass]="{'is-off': topic.isLocked()}">

        <mat-icon *ngIf="!topic.isLocked() && 
           topic.isEnableNotification()" 
          (click)="disableNotification();" matTooltip="{{ 
             'tooltip.enablednotifications' | translate }}" 
           matTooltipPosition="before">notifications</mat-icon>

     <mat-icon *ngIf="!topic.isLocked() && 
        !topic.isEnableNotification()" (click)="enableNotification()" 
         matTooltip="{{ 'tooltip.disabled-notifications' | translate }}" 
               matTooltipPosition="before">notifications_off</mat-icon>

    <mat-icon *ngIf="topic.isLocked()">lock</mat-icon>
  </button>

У меня есть кнопка с тремя значками мат с их соответствующим ngIf.

На Chrome и Firefox все работает нормально, но на то естьщелчок не срабатывает.

Если я добавлю кнопку «Нажать на кнопку», она будет работать, но мне нужно нажать на значок метки.

Как мне решить эту проблему, пожалуйста?

Спасибо

...