劍道編輯器觸發onChange事件窗口小部件

Question

假設我有以下劍道編輯：

<div kendo-editor ng-model="name" k-options="editorOptions"></div> 

然後，我有以下editorOptions：

function onChange(e) { 
    alert("I am changing."); 
} 
$scope.editorOptions = { change: onChange }; 

如何訪問實際的劍道編輯器對象爲我觸發onChange事件，而不使用正常的jQuery選擇：

示例：$("#myEditor").kendoEditor().trigger("change")

Answer 1

你必須定義在當前範圍內（http://docs.telerik.com/kendo-ui/AngularJS/introduction#getting-widget-references）控制的參考，你可以定義事件作爲一個屬性：

<div ng-app="app" ng-controller="MyCtrl"> 
    <div kendo-editor="kendoEditorControl" ng-model="name" k-options="editorOptions" k-on-change="onChange()"></div> 
</div> 
<script> 
    angular.module("app", [ "kendo.directives" ]).controller("MyCtrl", function($scope) { 
    $scope.onChange = function() { 
    alert($scope.kendoEditorControl.value()); 
    }; 
    }); 
</script>