2014-12-02 53 views
1

我在使用Kendo UI按钮,组合框,下拉列表,日期选取器和数字文本框在IE10中遇到禁用ng的问题。Kendo/Angular在IE10中禁用

在IE11,Firefox,Chrome和Safari中一切正常,但IE10似乎无法响应模型中的更改。

下面是一个展示的jsfiddle问题与剑道按钮(它不能在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; 
    }   
} 

这是一个已知的问题,是否有解决方法?

回答

-1

Telerik的支持帮助我解决了这个问题。他们指出我在http://webcomponents.org/的polyfills,因为Kendo/Angular使用IE10不支持的突变观察者。像魅力一样工作。

+0

恩,谢谢你张贴解决方案....不。 – 2015-04-07 11:31:12

+0

什么工作就像一个魅力?该链接使我“能够讨论和发展Web组件最佳实践”,但我没有看到可实施的解决方案。 – mlhDev 2015-04-21 18:09:12

0

我深入了解@ leJuan5150的答案,并且该网站上的某些内容很有希望。在回顾了webcomponents.js以及它做了什么之后,我下载了prebuilt脚本并进行了测试。 这个固定的IE10,但完全部署它(从nuget其他Kendo控制打破跨越多个浏览器。我们在jQuery.js中出现错误,如IE10 & IE11中的“SCRIPT5022:HierarchyRequestError”和“TypeError:Node.appendChild的参数1没有实现接口节点”(在FireFox中)。

我换成webcomponents.js与webcomponents-lite.js和问题报告解决器(Chrome,火狐,IE10,IE11)。