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); 
     }); 

希望这可以帮助你。