AngularJS - 过滤空对象 [英] AngularJS - Filter empty objects

问题描述

我有一个包含数据块的 $scope.myData 对象.我想要做的是显示数据但过滤掉空值和空字符串:

$scope.myData = [{"ID" : "001","message" : "test test test test"},{"ID" : "002","message" : "test test test test"},{"ID" : "003","message" : "test test test test"},{"ID" : "004","message" : "test test test test"},{"ID" : "005",信息" : " "},{"ID" : "006","message" : "test test test test"},{"ID" : "007","message" : "test test test test"},{"ID" : "007",消息":空}]

我可以在上面执行 ng-repeat 并通过以下方式过滤空值:

{{ 数据.ID }}{{ 数据.消息 }}

但是我如何过滤空字符串，例如:

消息":"

谢谢

解决方案

我们可以在这里简单地使用 ng-if:

{{ 数据.ID }}{{ 数据.消息 }}

I have a $scope.myData object that contain a chunk of data. What i am trying to do is display the data but filter out the nulls and empty strings:

$scope.myData = [
    {
       "ID" : "001",
       "Message" : "test test test test"
    },
    {
       "ID" : "002",
       "Message" : "test test test test"
    },
    {
       "ID" : "003",
       "Message" : "test test test test"
    },
    {
       "ID" : "004",
       "Message" : "test test test test"
    },
    {
       "ID" : "005",
       "Message" : " "
    },
    {
       "ID" : "006",
       "Message" : "test test test test"
    },
    {
       "ID" : "007",
       "Message" : "test test test test"
    },
    {
       "ID" : "007",
       "Message" : null
    }
]

I can perform an ng-repeat on the above and filter null's via:

<div ng-repeat="data in myData | filter:{Message: '!!'}">
    {{ data.ID }}
    {{ data.Message }}
</div>

But how can i filter the empty strings e.g:

"Message" : " "

Thanks

解决方案

We can simply use ng-if here:

<div ng-repeat="data in myData " ng-if="data.Message">
 {{ data.ID }}
 {{ data.Message }}
</div>

这篇关于AngularJS - 过滤空对象的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！