ngChange не работает для kendo-date-picker, который определен в kendo.toolbarOptions

Question

Я хочу связать событие ngChange с kendo-date-picker, определителем даты, определенным в toolbarOptions, но ngChange не работает.

$scope.toolbarOptions = { 
 
     items: [{ 
 
      template: "<label>From</label>" 
 
     }, { 
 
      template: "<input id='start' kendo-date-picker ng-model='dateString' k-ng-model='dateObject' ngChange='startChange()' />", 
 
      overflow: "never" 
 
     }]}; 
 

 
$scope.startChange = function() {console.log('changed');} 
 
    
 
function startChange() {console.log('changed');}

пожалуйста, проверьте мой код, оба startChange не будут работать. Там в ReferenceError: startChange не определен

Answer 1

Вы используете ngChange, Пожалуйста, измените его с нг-изменения, как: -

$scope.toolbarOptions = { 
    items: [{ 
     template: "<label>From</label>" 
    }, { 
     template: "<input id='start' kendo-date-picker ng-model='dateString' k-ng-model='dateObject' ng-change='startChange()' />", 
     overflow: "never" 
    }]}; 

    $scope.startChange = function() {console.log('changed');} 

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

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

     $scope.toolbarOptions = { 
      items: [{ 
      template: "<label>From</label>" 
      }, { 
      template: "<input id='start' handle-change kendo-date-picker ng-model='dateString' k-ng-model='dateObject' onChange='startChange()' />", 
     overflow: "never" 
      }] 

     }; 
    }).directive('handleChange',function(){ 
    return{ 
     link:function(scope,ele,attr){ 
     //you can use this 
      //ele.on('change',function(){ 
       //alert(555) 
      //}) 
     //or 
     function startChange() {console.log('changed');} 
    } 
    } 
});