Все счетчики становятся активными при нажатии одной кнопки на странице - PullRequest
Новая
       47

Все счетчики становятся активными при нажатии одной кнопки на странице

0 голосов
/ 08 октября 2019

Все счетчики / кнопки находятся на одной странице, и каждый раз, когда нажимается одна кнопка, все счетчики активируются, одна из кнопок является динамической. но другие также вращаются, если я нажимаю любую кнопку на странице.

Я пытался дать им разные идентификаторы, но не работал. 

Buton code example:
   <button type="submit" id="searchUserButtontest" class="btn btn- 
  primary btn-spin" ng-class="{'spinner-active': btnClicked}">
   <span class="bt">
      <span su-translate="terms.search.label"></span> 
      <i class="icon-next"></i>
   </span>
</button>

   ------------
  <button type="submit" id="searchInvoiceButton" class="btn btn- 
primary btn-spin" ng-class="{'spinner-active': btnClicked}">
    <span class="bt">
       <span su-translate="terms.search.label"></span> 
       <i class="icon-next"></i>
    </span>
 </button>

Dynamic button:
    <button su-click-spinner="executeQuery(q)" type="submit" id="test" class="btn btn-primary btn-spin" ng-class="{'spinner-active': btnClicked}">
   <span class="bt">
      <span>{{q.queryName}}</span> 
   </span>
</button>

Function example:

$scope.btnClicked = false;
   $scope.executeQuery = function(query){
        if ($scope.searchInProgress) {
            return;
        }

        $scope.btnClicked = true;
        $scope.searchInProgress = true;

        var req = {id: query.id};

        return 
suWapi.postToWapi('/superuser/searchWapi/executeCannedQuery', req).then(function(res){
        res.data.results = res.data.results || [];
        $scope.statusSearch = true;
        $scope.allResults.results = res.data.results;
        $scope.allResults.message = res.data.messages[0];
        $scope.allResults.duration = res.data.duration.toFixed(2);
        $scope.allResults.region = res.data.region;
        $scope.searchType = 'basic';

        if ($scope.allResults.results && 
$scope.allResults.results.length == 1){
            $scope.openInvoice($scope.allResults.results[0].invoiceNo);
        }

        $scope.searchInProgress = false;
        setSearchEnd();
    })
};
...