Mouseover и Mouseout не работает должным образом - PullRequest
Новая
       52

Mouseover и Mouseout не работает должным образом

0 голосов
/ 09 марта 2019

Я изучаю angular7 и пытаюсь поместить сообщение на коврик для мыши. Я хотел бы показать сообщение пользователю, когда они наведите курсор мыши на выпадающий список (mat-select). Я помещаю простой код и ищу в онлайн-форумах, но он не работает должным образом. он отображает сообщение, но когда я прекращаю зависать, выпадающее сообщение не исчезает. Я разместил свой код ниже для вашей справки. 

  <mat-form-field> 
  <Mat-select placeholder="select car" value="select car" 
             (selectonChange)="getCarList(selectCar)" 
    (mouseover)="showMsg=true" (mouseout)="showMsg=false">
    <mat-option value="jeep">Jeep</mat-option>
    <mat-option value="santro">Santro</mat-option>
  </mat-select>
   </mat-form-field>
   <span *ngIf="!showMsg">Hide</span>
   <span *ngIf="showMsg">Show</span>

определить логическую переменную в компоненте и инициализировать ее false в конструкторе. но при отсутствии мыши сообщение не исчезает. Я ценю вашу помощь .

Иордания

...