$ indexはng-ifによって隠されている要素をトラッキングしています

Question

<tr ng-repeat="materialOffer in Vm.materialoffers track by materialOffer.id" 
    ng-if="!materialOffer.containMaterial && $index >= startIndex && $index < endIndex"> 
</tr> 

私はmaterialoffersという名前のオブジェクトの配列を持っています。配列の各要素は、containMaterialという名前のプロパティを持つオブジェクトです。いくつかのオブジェクトはこのプロパティーを持っていますが、他のオブジェクトはオブジェクトとして持っていますが、nullです。私はcontainMaterialプロパティにオブジェクトを持つオブジェクトだけを表示したいと思います。私はページ分割のために$index,startIndexおよびendIndexも使用しています。私が午前問題は、例えば、アレイはobject4横断するとき、オブジェクトので2でなければならないが、$indexが3になり、この

[{ 
    "object1": { 
    containMaterial:obejct; 
    } 
}, { 
    "object2": { 
    containMaterial:obejct; 
    } 
}, { 
    "object3": { 
    containMaterial:Null; 
    } 
}, { 
    "object4": { 
    containMaterial:obejct; 
    } 
}] 

似ているcontainMaterial性nullを持つ$indexが同様にそれらのオブジェクトを追跡していることですng-ifによって隠されています。

Answer 1

あらかじめフィルタをかけておくのはなぜですか？あなたのHTMLで

：あなたのJSで

<tr ng-repeat="materialOffer in Vm.filteredMaterialOffers() track by materialOffer.id" 
    ng-if="$index >= startIndex && $index < endIndex"> 
</tr> 

：

$scope.Vm.filteredMaterialOffers = function() { 
    Vm.materialoffers.filter(function (x) { 
     return x.containMaterial ; 
    }); 
};