AngularJs 在某些条件下显示 ng-repeat 数据答案

【问题标题】：AngularJs displaying ng-repeat data with some conditionsAngularJs 在某些条件下显示 ng-repeat 数据
【发布时间】：2018-01-13 06:41:04
【问题描述】：

这是我的 JSON 对象响应：

{
"senderdata": "123456789",
"senderName": "ifelse",
"message": "Hi",
"draftName": "empty"
}

我正在使用 ng-repeat 在 UI 中显示这个：

我在 $scope.drafts 中收到了这个 json 响应。

我的代码：

tr(ng-repeat='draft in drafts')
 td {{draft.draftName}}
 td {{draft.senderName}}
 td {{draft.message}}

但我需要一些条件，

如果我的 draftName 对象键有名为 "empty" 的字符串，我不想显示数据。

【问题讨论】：

【解决方案1】：

在 ng-if 中使用 != 条件

tr(ng-repeat='draft in drafts' ng-if="draft.draftName !== 'empty'")

【讨论】：

【解决方案2】：

您可以通过草稿名称过滤您的 ng-repeat 以仅在 draftName 不为空时显示项目

<div ng-repeat="item in data | filter:{ draftName: '!empty'}">
  {{item.senderName}}-{{item.senderdata}}-{{item.draftName}}
</div>

【讨论】：