Question

这是我的json对象响应：

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

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

controllers.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 对象键的字符串名为＆＃34; manualinput＆＃34;我想显示数据，

有时draftType将来自＆＃34; contactinput＆＃34;，

所以如果我的draftType不等于＆＃34; manualinput＆＃34;我不想显示。

这可能吗？

Answer 1

您需要将 ng-if 与 ng-repeat

一起使用

CODE：

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

Answer 2

您可以添加ng-if和ng-repeat。请试试这个。

tr(ng-repeat='draft in drafts') data-ng-if="draft.draftType === 'manualinput'"
 td {{draft.draftName}}
 td {{draft.senderName}}
 td {{draft.message}}

如何在某些条件下显示ng-repeat数据 - AngularJS

2 个答案: