如何使用ng-repeat過濾AngularJS中的多個值？

Question

數據庫中的sales_Use_Taxable字段可以是以下三個選項之一：“是”，“否”，或者也可以為null。 使用以下代碼過濾結果，它不會顯示該字段為空的行。

<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: vm.tax || '' 。 如何編輯此行以包含sales_Use_Taxable字段為空的行？

Answer 1

為了獲得預期的結果，請將空引號''更改為undefined ，它將返回所有包含空值的行

 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

如何使用ng-repeat過濾AngularJS中的多個值？

問題描述

1 個解決方案

解決方案1
1 已采納 2019-01-14 17:31:39

如何使用ng-repeat過濾AngularJS中的多個值？

問題描述

1 個解決方案

解決方案1 1 已采納 2019-01-14 17:31:39

解決方案1
1 已采納 2019-01-14 17:31:39