当属性的值等于 itemSearch 时如何获取组对象

Question

当具有 [array] 值的一个属性是 itemSearch 时，如何获取组 {object}， 我使用 _.lodash/下划线

{
"tileRecords"   : [
{   
"tileName"      :   "Fama Brown",   
"tileGroup"     :   ["Polished", "Matt", "Rought"],
"tileDetails"   :   
        {
        "tileSize"          :   "60x60",
        "tileType"          :   "Polished"
        }
},
{   
"tileName"      :   "Fama Nero",    
"tileGroup"     :   ["Polished", "Matt", "Rought"],
"tileDetails"   :   
        {
        "tileSize"          :   "60x60",
        "tileType"          :   "Polished"
        }
},
{   
"tileName"      :   "Dolce Beige",  
"tileGroup"     :   ["Italian", "Matt", "Rought"],
"tileDetails"   :   
        {
        "tileSize"          :   "60x60",
        "tileType"          :   "Polished"
        }
}
] 
}

如何使用 tileGroup 中值为“Polished”的过滤器获取对象 tileName : Fama Brown 和 Fama Nero？

因为该组的唯一值是 Polished。

Answer 1

您可以使用angular filter 代替 lodash，这很容易实现， 如果您将其与 ng-repeat 一起使用，请尝试以下操作，

<div ng-repeat="tile in tiles.tileRecords | pick: tileGroupFilter">
  {{ tile.tileName }}
</div>

在你的控制器中

    $scope.tiles = {
                       "tileRecords"   : [
                          {   
                             "tileName"      :   "Fama Brown",   
                             "tileGroup"     :   ["Polished", "Matt", "Rought"],
                             "tileDetails"   :   
                                 {
                                     "tileSize"          :   "60x60",
                                     "tileType"          :   "Polished"
                                 }
                           },
                           {   
                              "tileName"      :   "Fama Nero",    
                              "tileGroup"     :   ["Polished", "Matt", "Rought"],
                              "tileDetails"   :   
                                  {
                                      "tileSize"          :   "60x60",
                                      "tileType"          :   "Polished"
                                   }
                            },
                            {   
                                "tileName"      :   "Dolce Beige",  
                                "tileGroup"     :   ["Italian", "Matt", "Rought"],
                                "tileDetails"   :   
                                    {
                                        "tileSize"          :   "60x60",
                                        "tileType"          :   "Polished"
                                    }
                             }
                        ] 
                   };


$scope.tileGroupFilter = function(elm) {
  return (elem.tileGroup.indexOf("Polished") > 0) ;
}