Question

我正在使用 ng-repeat 迭代数组并创建表。在该表中，我有一个按钮可以进行下载。当我单击下载按钮时，我希望链接消失并出现加载旋转。问题是，旋转显示在所有行中，而不仅是我单击的行中。

HTML-

  <tbody md-body>
    <tr md-row ng-repeat="">
      <td md-cell>
        <div layout="row" layout-align="center center"> 

          <md-progress-circular ng-if="isSubmit"></md-progress-circular>

          <a ng-if="!isSubmit" ng-click="download($index)">Download</a>

       </div> 
      </div>
     </td>
    </tr>
  </tbody>

JS-

$scope.download = function(index) {

    angular.forEach($scope.downloads, function (download) {

      // I can console log the index i click
      console.log(index)

    });
}

Answer 1

您应该在ng-repeat上使用.dropdown-toggle-ellipsis::after { display: none; } .dropdown-toggle::after { display: none; }，而不是布尔型$index，使用索引与数组索引进行比较。

HTML

isSubmit

CTRL

<tr ng-repeat="item in items">
  <td>
      <md-progress-circular ng-if="isLoadingIndex == $index"></md-progress-circular>
      <a ng-if="isLoadingIndex != $index" 
         ng-click="download($index)">Download</a>
  </td>
</tr>

AngularJS-定位ng-repeat中的特定元素

1 个答案: