AngularJs多選在篩選器

Question

我想知道如何創建一個篩選器中有多個選項。

$scope.gridOptions = { 
      enableHorizontalScrollbar: 1, 
      enableFiltering: true, 
      paginationPageSizes: [150, 300, 450], 
      paginationPageSize: 150, 
      rowHeight: 110, 
      data: data, 
      columnDefs: [ 

     { name: 'Cars', field: 'Cars', displayName: 'Cars' , enableCellEdit: false , width :'80' }, 
    { name: 'Driver', field: 'Driver', displayName: 'Driver' , enableCellEdit: false , width :'80' }, 

如果我想過濾兩種類型的汽車，我該怎麼做，你們有任何例子嗎？

感謝，

Answer 1

第一循環中的$ scope.gridOptions.columnDefs，讓你獲得對象名稱在過濾器中使用該對象的名稱。

$scope.gridOptions = { 
      enableHorizontalScrollbar: 1, 
      enableFiltering: true, 
      paginationPageSizes: [150, 300, 450], 
      paginationPageSize: 150, 
      rowHeight: 110, 
      data: data, 
      columnDefs: [ 
       {name: 'Cars', field: 'Cars', displayName: 'Cars', enableCellEdit: false, width :'80' }, 
       { name: 'Driver', field: 'Driver', displayName: 'Driver', enableCellEdit: false, width :'80' } 
       ] 
      }; 
    angular.forEach($scope.gridOptions.columnDefs, function (val, key){ 
     console.log(val, key); 
     $scope.filterName = val.name; //use this scope variable in filter. 
     console.log($scope.filterName); 
     }); 

希望這可以幫助你。