Как применить угловой фильтр в списке выпадающих углов-Кендо?

Question

Ниже приведен мой источник данных, который необходимо привязать к выпадающему списку двух кендо. Один для программы и другой для IForm. Мне нужна фильтрация, которая должна быть выполнена в самом раскрывающемся меню.

$scope.programIFormList = new kendo.data.DataSource({ 
     data: [ 
        { 
         Name: "Program1", 
         IsProgram: "true", 
         ProgramId: 1, 
         Status: 0, 
         PatientId: 1, 
         StartDate:"", 
         EndDate:"" 
        }, 
        { 
         Name: "Program2", 
         IsProgram: "false", 
         ProgramId: 2, 
         Status: 0, 
         PatientId: 1, 
         StartDate:"", 
         EndDate:"" 
        } 
       ] 
    }); 

Ниже HTML код:

<div class="col-lg-2 col-md-4 col-sm-4 col-xs-4"> 
        <select id="patient" kendo-drop-down-list k-data-text-field="'Name'" k-data-value-field="'PatientId'" k-data-source="patientList" >      
        </select> 
       </div> 

       <div class="col-lg-2 col-md-4 col-sm-4 col-xs-4"> 
        <select kendo-drop-down-list k-data-text-field="'Name'" k-data-value-field="'ProgramId'" k-data-source="programIFormList | filter:{IsProgram: true}" k-cascade-from="'patient'"> 
        </select> 
       </div> 
       <div class="col-lg-2 col-md-4 col-sm-4 col-xs-4"> 
        <select kendo-drop-down-list k-data-text-field="'Name'" k-data-value-field="'ProgramId'" k-data-source="programIFormList | filter:{IsProgram: false}" k-cascade-from="'patient'"> 
        </select> 
       </div> 

Здесь я пытаюсь применить угловой фильтр. Но это не работает. Как это можно достичь с помощью Kendo Angular?

Answer 1

Вы можете использовать этот подход

angular.module("MyApp", [ "kendo.directives" ]) 
     .controller("FilterController", function($scope){ 


      $scope.programIFormList = new kendo.data.DataSource({ 
       data: [ 
          { 
           Name: "Program3", 
           IsProgram: "true", 
           ProgramId: 1, 
           Status: 0, 
           PatientId: 1, 
           StartDate: "", 
           EndDate: "" 
          }, 
          { 
           Name: "Program1", 
           IsProgram: "false", 
           ProgramId: 2, 
           Status: 0, 
           PatientId: 1, 
           StartDate: "", 
           EndDate: "" 
          } 
       ], 
       filter: [ 
       { field: "IsProgram", operator: "eq", value: "true" } 

       ] 
      }); 
     });