angularjs - AngularJS Kendo UI Editor を無効にする方法

Question

私はk-content-editableジェネリックと同様に使用しようとしましdata-ng-disabledたが、どちらも機能しませんでした。ドキュメントを見ると、コントロールを無効にする方法があることがわかりません。

Answer 1

これを行うには、カスタム ディレクティブを作成します。

   .directive("kNgDisabled", function() {
      return {
        restrict: "A",
        link: function(scope, element, attr) {
          scope.$on("kendoWidgetCreated", function(e, widget) {
            var value = scope.$eval(attr.kNgDisabled);

            $(widget.body).attr("contenteditable", !value);

            scope.$watch(attr.kNgDisabled, function(value) {
              $(widget.body).attr("contenteditable", !value);
            });
          })
        }
      }
    });

次に、次のように使用します。

<textarea kendo-editor k-ng-disabled="disabled"></textarea>

ライブデモはこちら: http://dojo.telerik.com/@korchev/AdApu

Answer 2

Angular コントローラーに次のコードを追加します->

 var x = document.getElementById("myForm");
    x.addEventListener("focus", myFocusFunction, true);

    function myFocusFunction() {
         $($('#keFinding').data().kendoEditor.body).attr('contenteditable', false);  
    }