разбор по списку json в angularjs

Question

Я просматриваю каждый словарь в главном списке, чтобы получить данные, относящиеся к конкретной «версии». Есть ли эффективный способ сделать это?

app.html:

<select ng-model="versionKey"> 
    <option ng-repeat="model in models">{{ model.version }}</option>  
</select> 

<div ng-repeat="stuff in models"> 
    <div ng-if="stuff.version == versionKey"> 
     <ul> 
      <li ng-repeat="instance in stuff.records"> 
       {{ instance }} 
      </li> 
     </ul> 
    </div> 
</div> 

JSON файл:

[ 
    {"records": [{"model": "bada", "crashes": 1}], "apikey": "2", "_id": "52c0417ce1382321ef038106", "version": "6"}, 

    {"records": [{"model": "sam", "crashes": 1}], "apikey": "2", "_id": "52c0417ce1382321ef038109", "version": "4"} 
] 

Answer 1

Вы можете сделать фильтрацию в контроллере и удалить ng-if:

// in your controller 

var filterModelsForSelectedVersion = function (versionKey) { 
    return $scope.models.filter(function (model) { 
     return model.version === versionKey; 
    }); 
}; 

$scope.modelsForSelectedVersion = []; 

$scope.$watch('versionKey', function (versionKey) { 
    $scope.modelsForSelectedVersion = filterModelsForSelectedVersion(versionKey); 
}); 

<div ng-repeat="stuff in modelsForSelectedVersion"> 
    <div><!-- maybe the div is not necessary? --> 
     <ul> 
      <li ng-repeat="instance in stuff.records"> 
       {{ instance }} 
      </li> 
     </ul> 
    </div> 
</div> 

Пожалуйста, обратите внимание, что я использовал Array.prototype.filter. Если вам нужно поддерживать устаревшие браузеры, вы должны добавить для него полиполк или написать «старый стиль».