angularjs - 如何在 ng-repeat(key, value) 中按值过滤，并且仅在值不为空时显示？

Question

我有一个具有多个属性的对象，我想过滤掉为空的属性。大多数属性不是必需的，可以为空。我不知道如何为此制作过滤器。

<div class="hero-unit" ng-repeat="(key, value) in selectedItem | valueNotNull">
                            <span class="hero-title">{{key|insertSpaces}} : </span>     
                            <span class="hero-content">{{ value }}</span>

当属性的值为 null 或空时，我不想显示该特定属性的英雄单位。并且仍然显示其余的属性。

Answer 1

您可以隐藏空值

像这样试试

<div class="hero-unit" ng-repeat="(key, value) in selectedItem" ng-hide="!value">
                            <span class="hero-title">{{key|insertSpaces}} : </span>     
                            <span class="hero-content">{{ value }}</span>

Answer 2

你也可以使用ng-if：

<div class="hero-unit" ng-repeat="(key, value) in selectedItem | valueNotNull"
     ng-if="value">
    <span class="hero-title">{{key|insertSpaces}} : </span>     
    <span class="hero-content">{{ value }}</span>
</div>

这将隐藏不真实<div>的键值对value（即为空、未定义等）。

Answer 3

<div class="hero-unit" ng-repeat="(key, value) in selectedItem | filter:{value:''}">
                            <span class="hero-title">{{key|insertSpaces}} : </span>     
                            <span class="hero-content">{{ value }}</span>

您应该使用过滤器检查它（您希望不为空的值）。