Kendo/Angular - ng-disabled в IE10

Question

У меня возникла проблема с ng-disabled в IE10 с кнопками пользовательского интерфейса Kendo, выпадающими списками, сборщиками даты и числовыми текстовыми полями.

Все работает отлично в 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; 
    }   
} 

Это известная проблема, и есть ли работа вокруг?

Answer 1

Поддержка Telerik помогла мне справиться с этим. Они указали мне на полины на http://webcomponents.org/, потому что Kendo/Angular использует наблюдатели мутаций, которые не поддерживаются в IE10. Работал как шарм.

Answer 2

Я углубился в ответ @ leJuan5150, и что-то на этом сайте многообещающее. После рассмотрения webcomponents.js и что он сделал, я загрузил сценарий prebuilt и протестировал его. Этот фиксированный IE10, но после его полного развертывания (от nuget) другие элементы управления Kendo сломались через несколько браузеров. Мы получили ошибки внутри jQuery.js, например «SCRIPT5022: HierarchyRequestError» (в IE10 & IE11) и «TypeError: Аргумент 1 из Node.appendChild не реализует интерфейсный узел» (в FireFox).

я заменил webcomponents.js с -lite.js веб-компоненты и проблемы сообщаются решены (Chrome, FireFox, IE10, IE11).