kendo.toolbarOptionsに定義されている剣道の日付ピッカーでngChangeが機能しません

Question

ngChangeイベントを剣道の日付ピッカーにバインドしたいのですが、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あなたはngChangeを使用している

Answer 1

が定義されていない、などのngの変更でそれを変更してください： -

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

か、そしてJavaScript関数を呼び出したい場合は、あなたの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');} 
    } 
    } 
});