簡體   English   中英

過濾后的角度ng重復項計數

[英]Angular ng-repeat item Count after filtered

過濾后如何獲取ng-repeat中的項目數?

但是當我使用@ {{requestlist.length}}代碼時,我得到的記錄總數。 而不是我需要按類別和文本搜索過濾后的記錄數。

請幫我

的HTML

    <input type="text" placeholder="Search" ng-model="search">

    <label class="checkbox" for="checkboxes-@{{subcatagory.id}}" ng-repeat="subcatagory in subcategories">
        <input name="checkboxes" id="checkboxes-@{{subcatagory.id}}"   ng-click="includeCatagory(subcatagory.id)" type="checkbox">
        @{{subcatagory.titel}}
    </label>

    <div class="eol-layout-s3" ng-repeat="request in requestlist | filter:catagoryFilter | filter:search | orderBy:'titel':true">
        <div id="jobDesc-bd">
            <a href="/request/@{{request.id}}" >
                <strong>
                @{{request.titel | characters:30}} 
                </strong>
            </a>

            <small>
                @{{request.message | characters:200}}  
            </small>
        </div>
    </div>
<h2>count: @{{requestlist.length}}</h2>

角度的

$http.get('/api/subcategories/{{$seller->category_id}}/').success(function(subcategories){
        $scope.subcategories = subcategories;
    });
    $http.get('/api/requests/list/').success(function(requests){
        $scope.requestlist = requests;
    });

    $scope.catagoryFilter = function(cat) {
                if ($scope.catagoryIncludes.length > 0) {
                    if ($.inArray(cat.subcategorie_id, $scope.catagoryIncludes) < 0)
                        return;
                }

                return cat;
            }

修改

ng-repeat="request in requestlist 
               | filter:catagoryFilter | filter:search | orderBy:'titel':true"

ng-repeat="request in (filterResult = (requestlist | filter:catagoryFilter 
| filter:search | orderBy:'titel':true))"

可以通過模板中的{{filterResult.length}}或控制器中的$scope.filterResult.length來訪問length。

注意:您可能要初始化$scope.filterResult = []; 有時會給出未定義的錯誤。

請注意,您可以通過將filter之后的結果分配給某些變量來存儲過濾后的結果,例如上面的示例( filterResult )。 然后,您可以使用此模型"filterResult" 即使在控制器中,也可以使用$scope.filterResult

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM