Comment afficher uniquement les valeurs de chaîne non vides d'un tableau

Question

J'essaie de parcourir un tableau JSON à mon avis, mais je souhaite afficher uniquement les clés dont les valeurs sont des chaînes non vides.

design: 
{name: "ux", value: "3", $$hashKey: "object:5198"} 
{name: "graphic", value: "", $$hashKey: "object:5199"} 
{name: "concept", value: "4", $$hashKey: "object:5200"} 
{name: "photoshop", value: "", $$hashKey: "object:5201"} 
{name: "illustrator", value: "5", $$hashKey: "object:5202"} 
{name: "inDesign", value: ""} 
{name: "afterEffects", value: ""} 
{name: "premierePro", value: "1"} 

Comment puis-je obtenir que les clés du tableau tout en réitérant dans le tableau et montrent que ceux qui ont une valeur réelle.

Le code actuel est que j'ai:

<div class="six columns"> 
         <div ng-repeat="skill in employeeDetails.design | limitTo:5:0 | filter:{value:'! '}"> 
          {{ skill.name | capitalize }} {{ skill.value }} 
         </div> 
        </div> 

Toute aide serait très appréciée!

Answer 1

Vous pouvez utiliser ng-if dans ce cas:

<div class="six columns"> 
    <div ng-repeat="skill in employeeDetails.design | limitTo:5:0" ng-if="skill.value !== '' "> 
      {{ skill.name | capitalize }} {{ skill.value }} 
     </div> 
</div> 

ou changer votre filter

<div class="six columns"> 
     <div ng-repeat="skill in employeeDetails.design | limitTo:5:0 | filter:{value:'!! '}" ng-if="skill.value !== '' "> 
       {{ skill.name | capitalize }} {{ skill.value }} 
      </div> 
    </div>