如何禁用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