2017-08-10 60 views
0

我是angularJS的新手。我有以下代碼:AngularJS初學者。 ng-repeat對象數組

<div class="col-sm-3 col-xs-6" ng-repeat="image in gallery | limitTo:'4'"> 
    <a href="#"><img ng-src=" 
    <?php echo '...' ?>{{pack.hotels.current.images[$index+1].path}}" 
    alt="Image" class="img-responsive"></a> 
</div> 

目前我有具有2個屬性的對象的數組:類型和路徑。在ng-repeat中,我遍歷所有對象。我想只有通過陣列具有財產類型===「GEN」

調試時,我跑的對象迭代:

pack.hotels.current.images.forEach(function(item, count){ 
    if(item.type === "HAB") 
     console.log(item) 
}) 

我怎麼可以重寫NG-repeat語句等等它僅通過具有屬性的元素進行迭代type =「GEN」?我應該使用哪種過濾器?謝謝!

+1

什麼PHP在HTML幹什麼? –

回答

1

只需添加一個過濾器filter: {type:'GEN'}

HTML

<div class="col-sm-3 col-xs-6" ng-repeat="image in gallery | filter: {type:'GEN'}| limitTo:'4'"> 
    <a href="#"><img ng-src=" 
    <?php echo '...' ?>{{pack.hotels.current.images[$index+1].path}}" 
    alt="Image" class="img-responsive"></a> 
</div> 
2

使用NG重複這樣的:

ng-repeat="image in gallery | filter:{ type: 'GEN'} | limitTo:'4'"