如何仅显示数组中的非空字符串值[重复]答案

【问题标题】：How to show only non empty string values from an array [duplicate]如何仅显示数组中的非空字符串值[重复]
【发布时间】：2017-09-04 13:22:12
【问题描述】：

我试图在我的视图中遍历一个 JSON 数组，但我只想显示具有非空字符串值的键。

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"}

如何在遍历数组时只获取数组的键并只显示具有实际值的键。

我目前的代码是：

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

任何帮助将不胜感激！

【问题讨论】：

随便用 |过滤器：{值：'！！ '}

标签： angularjs angularjs-ng-repeat angular-ng-if

【解决方案1】：

在这种情况下，您可以使用ng-if：

<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>

或更改您的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>

【讨论】：

谢谢你的工作！我通过在模块中创建一个过滤器来考虑它。
请接受答案，因为它对其他访问者有用。
会的，它有时间限制 :)
当然谢谢。如果您有任何其他困难，请告知
你在我给出答案后将其标记为重复。