gpt4 book ai didi

javascript - 如何使用 ng-repeat 过滤 AngularJS 中的多个值?

转载 作者:行者123 更新时间:2023-12-03 00:23:52 26 4
gpt4 key购买 nike

数据库中的 sales_Use_Taxable 字段可以是以下三个选项之一:"is"、“否”,也可以为空。使用下面的代码来过滤结果,它不会显示该字段为空的行。

<tr ng-repeat="h in vm.filteredRequisitions = (vm.headers | filter: { por_Detail: { sales_Use_Taxable: vm.tax || '' } }) ...>

我相信这段代码的重要部分是sales_Use_Taxable: vm.tax || '' 。如何编辑此行以包含 sales_Use_Taxable 字段为空的行?

最佳答案

要达到预期结果,请将空引号 '' 更改为未定义,这将返回包含空值的所有行

var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
//$scope.tax = 'YES'
$scope.headers = [
{"por_Detail" : {
"sales_Use_Taxable" : null
} },
{"por_Detail" : {
"sales_Use_Taxable" : 'YES'
} },
{"por_Detail" : {
"sales_Use_Taxable" : 'NO'
} }
]
});
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

<body ng-app="myApp" ng-controller="myCtrl as vm">
<table>
<tr ng-repeat="h in headers | filter: { por_Detail: { sales_Use_Taxable: tax || undefined} }">
<td>{{h}}</td>
</tr>
</table>



</body>
</html>

codepen 供引用示例 - https://codepen.io/nagasai/pen/WLPrPj

关于javascript - 如何使用 ng-repeat 过滤 AngularJS 中的多个值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54185174/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com