如何禁用AngularJS Kendo UI Editor

发布时间：2020-12-17 17:49:41 所属栏目：安全来源：网络整理

导读：我尝试过使用k-content-editable,以及只使用通用数据-ng-disabled,但这些都不起作用.看一下文档,我甚至都不清楚有没有办法禁用控件. 解决方法您可以通过创建自定义指令来完成此操作： .directive("kNgDisabled",function() { return { restrict: "A",link:

我尝试过使用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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!