带有 ng-repeat 的 md-icon md-svg-src 上的 ng-mouseover 角度不起作用

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-icon将在鼠标上更改其SVG。但是问题是，当我将鼠标放在一个MD-icon上时，SVG SRC更改但未应用。当我将鼠标放在最后一个MD-icon上时，它的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-icon的MD-icon或属性：MD-SVG-SRC引起了问题。