Question

我在IE10中遇到了使用Kendo UI按钮，组合框，下拉列表，日期选择器和数字文本框的ng-disabled问题。

在IE11，Firefox，Chrome和Safari中一切正常，但IE10似乎无法响应模型的变化。

这是一个JSFiddle，演示了Kendo按钮的问题（它在IE10中不起作用）...... http://jsfiddle.net/lejuan5150/ba2djbgg

HTML：

<div data-ng-app="app">

<div data-ng-controller="personController">    

    <kendo-button 
        id="btnAddNew" 
        class="k-primary" 
        ng-click="doAddNew()" 
        data-ng-disabled="editing"
    >Add New</kendo-button>

    <kendo-button 
        id="btnSave" 
        class="k-primary" 
        ng-click="doSave()" 
        data-ng-disabled="!editing"
    >Save</kendo-button>

    <kendo-button 
        id="btnDelete" 
        class="k-primary" 
        ng-click="doDelete()" 
        data-ng-disabled="!editing"
    >Delete</kendo-button>        

</div>

JavaScript的：

var app = angular
    .module("app", [ 
        "kendo.directives"
]);

app.controller("personController", [
    "$scope",
    personController
]);

function personController(
    $scope
){
    init();

    function init(){    
        $scope.editing = false;
    }    

    $scope.doAddNew = function(){
        $scope.editing = true;
    }

    $scope.doSave = function(){
        $scope.editing = false;
    }    

    $scope.doDelete = function(){
        $scope.editing = false;
    }        
}

这是一个已知的问题吗？有解决方法吗？

Answer 1

我深入研究了@ leJuan5150的答案，该网站上的内容很有希望。在审核了webcomponents.js及其做了什么之后，我下载了prebuilt脚本并对其进行了测试。 此修复IE10 但完全部署后（来自nuget）其他Kendo控件在多个浏览器中破解。我们在jQuery.js中遇到错误，比如“SCRIPT5022：HierarchyRequestError”（在IE10和IE11中）和“TypeError：Node.appendChild的参数1没有实现接口节点”（在FireFox中）。

我将 webcomponents-lite.js 替换为webcomponents.js，并报告已解决（Chrome，FireFox，IE10，IE11）。

Answer 2

Telerik支持帮我解决了这个问题。他们向我指出http://webcomponents.org/处的polyfill因为Kendo / Angular使用了IE10不支持的变异观察者。工作就像一个魅力。

IE10中的Kendo / Angular - ng-disabled

2 个答案: