Editor widget binding not working after manual initialization

[jasenkoh]

Hello,

I am trying to build custom directive for kendo editor and after I initialize editor itself, bindings appear to be missing.

HTML:

<textarea ext-kendo-editor='{"NaturalKey": "prototype-1", "EnableAttachments": true, "EditorProfile": "Full"}'
    k-ng-model="comment.text"
    ng-model="comment.notesTxt"
    name="comment"
    id="comment"
    class='form-control'
    rows='3'></textarea>

Angular Directive:

(function () {
    var directive = function ($timeout, $compile) {
        return {
            restrict: 'A',
            scope: true,
            link: function (scope, element, attr) {
                $timeout(function () { 
                    attr.$observe('extKendoEditor', function (newValue) {
                        element.kendoEditor();
                    });
                }, 5);
            }
        };
    };

    directive.$inject = ['$timeout', '$compile'];
    angular.module('kendoApp').directive('extKendoEditor', directive);
}());

And $scope.comment is returning me empty object. Any thoughts?