如何禁用AngularJS Kendo UI Editor

前端之家收集整理的这篇文章主要介绍了如何禁用AngularJS Kendo UI Editor前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我尝试过使用k-content-editable,以及只使用通用数据-ng-disabled,但这些都不起作用.看一下文档,我甚至都不清楚有没有办法禁用控件.

解决方法

您可以通过创建自定义指令来完成此操作:

.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

猜你在找的Angularjs相关文章