Angular-Kendo 드롭 다운 목록에 각도 필터를 적용하는 방법은 무엇입니까?

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> 

, 나는 각 필터를 적용하려합니다. 하지만 작동하지 않습니다. 검도 각을 사용하면 어떻게 될까요?

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" } 

       ] 
      }); 
     });