javascript - 如何在特定条件下显示 ng-repeat 数据 - AngularJS

Question

这是我的 json 对象响应:

{
"draftType": "manualinput",
"senderdata": "123456789",
"senderName": "ifelse",
"message": "Hi",
"draftName": "Testing"
}

我使用 ng-repeat 在 UI 中显示此内容:

Controller .js:

$http({
   method: 'GET',
   url: '/api/getdraft'

}).then(function (response) {
   $scope.drafts = response.data;
}, function (response) {
   console.log(response);
});

我的代码:

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

但是我需要一些条件，如果我的 draftType 对象键有名为“manualinput”的字符串，我想显示数据，

有时，draftType 将作为“contactinput”出现，

所以如果我的draftType不等于“manualinput”，我不想显示。

这可以做到吗？

Answer 1

您需要将 ng-if 与 ng-repeat 一起使用

代码:

tr(ng-repeat='draft in drafts' ng-if="draft.draftType === 'manualinput'")