角NG-鼠標懸停不工作

Question

我有一個錯誤與這部分代碼：

$scope.btns = { 
 
      'telechargement': "assets/img/btns/Btn_telechargement.svg", 
 
      'telechargement_hover': "assets/img/btns/Btn_telechargement-hover.svg" 
 
     }; 
 

 
     $scope.setSessionDownloadHover = function(index){ 
 
      $scope.sessions_online[index].btn_download = $scope.btns.telechargement_hover; 
 
     }; 
 

 
     $scope.setSessionDownloadLeave = function(index){ 
 
      $scope.sessions_online[index].btn_download = $scope.btns.telechargement; 
 
     };

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<md-table-container ng-show="sessions_online.length > 0"> 
 
        <table md-table md-progress="promise"> 
 
         <thead md-head> 
 
         <tr md-row> 
 
          <th md-column >Nom de la séance</th> 
 
          <th md-column >Nom de la session</th> 
 
          <th md-column >Date de la session</th> 
 
          <th md-column ></th> 
 
         </tr> 
 
         </thead> 
 
         <tbody md-body> 
 
         <tr md-row ng-repeat="session in sessions_online"> 
 
          <td md-cell>{{ session.seance_name }}</td> 
 
          <td md-cell>{{ session.name }}</td> 
 
          <td md-cell class="bold">{{ session.date | date: 'dd/MM/yyyy' }}</td> 
 
          <td md-cell> 
 
           <md-icon class="cursor-pointer" 
 
             tabindex="{{$index}}" 
 
             ng-click="downloadSessionFromId(session.id)" 
 
             md-svg-src="{{session.btn_download}}" 
 
             ng-init="session.btn_download = btns.telechargement;" 
 
             ng-mouseover="setSessionDownloadHover($index)" 
 
             ng-mouseleave="setSessionDownloadLeave($index)" 
 
             style="width: 38px; height: 38px;"> 
 
            <md-tooltip md-direction="left"> 
 
             {{$index}} - 
 
             Télécharger le contenu de la session sur cet ordinateur 
 
            </md-tooltip> 
 
           </md-icon> 
 
          </td> 
 
         </tr> 
 
         </tbody> 
 
        </table> 
 
       </md-table-container>

每個MD-圖標將改變鼠標懸停的svg。 但問題是，當我把鼠標放在一個md圖標上，svg src改變但沒有應用。 當我將鼠標放在最後一個md圖標上時，它的svg src會更改，並且視圖中的所有svg都會更改，但不會顯示在代碼中。

你有解釋嗎？

謝謝。

Answer 1

我已經解決了我的問題

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<span 
 
     class="cursor-pointer margin-left-10" 
 
     ng-init="link_help = 'assets/img/btns/Btn_aide.svg'" 
 
     ng-mouseover="link_help = 'assets/img/btns/Btn_aide-hover.svg'" 
 
     ng-mouseleave="link_help = 'assets/img/btns/Btn_aide.svg'"> 
 
    <img src="{{link_help}}" type="img/svg+xml" width="40" height="40"/> 
 
    <md-tooltip md-direction="right" tooltip-class="tooltip"> 
 
    <p>En cliquant sur les liens ci-dessous, vous serez redirigé directement sur la plateforme de gestion MRS</p> 
 
    </md-tooltip> 
 
</span>

我認爲這是對MD-圖標或MD-圖標的屬性：MD-SVG-SRC導致問題。