計算屬性發生次數

在AngularJS中，如何計算特定屬性的出現次數（本例中爲data-page）？計算屬性發生次數

我有幾個僞頁面在刷卡時向用戶顯示，我希望防止頁面計數器超過頁面數量。我已經把我的容器，如下所示，但如果任何人有我如何能做到這一點更好的想法，我很開放的建議 -

我的HTML（樣品） -

<body class="single single-post postid-5 single-format-standard ng-scope" data-ng-swipe-right="prevPage()" data-ng-swipe-left="nextPage()" data-ng-controller="bodyCtrl"> 
    <div id="main"> 
     <div class="container"> 

      <div class="allowed page page-1 visible" data-page="1"> 

       <div class="mask"></div> 
       <div class="inner"> 
        { page content } 
       </div> 

      </div> 

     </div> 
    </div> 
</body>

我控制器 -

myApp.controller('bodyCtrl', function($scope){ 

    $scope.currentPage = 1; 
    $scope.getMaxPage = function(){ 
     { Not sure how??? } 
    } 
    $scope.maxPage = $scope.getMaxPage(); 

    $scope.nextPage = function(){ 
     $scope.currentPage = ($scope.currentPage >= $scope.maxPage) ? $scope.maxPage : $scope.currentPage + 1; 
    } 

    $scope.prevPage = function(){ 
     $scope.currentPage = ($scope.currentPage > 1) ? $scope.currentPage - 1 : 1; 
    } 

    $scope.isVisible = function(page){ 
     return ($scope.currentPage >= page); 
    } 

});

來源

2015-11-22 David Gard

我認爲你可以使用jQuery，如果您正在使用的角度一起使用jQuery選擇計數或你喜歡做下面去了。

//count the number of occurrences of the `data-page` attribute. 
var count = $('[data-page]').length;

這裏是一個DEMO

如果您不想使用jquery那麼做，在普通的舊JavaScript的方式。

//select all element with the data-page attribute 
var elements = document.querySelectorAll('[data-page]'); 
var count = elements.length; // get the number of occurrences.

這裏是一個DEMO

來源

2015-11-22 17:37:26

計算屬性發生次數

回答

相關問題