2014-12-02 2 views
1

검도 UI 단추, 콤보 상자, 드롭 다운 목록, 날짜 선택기 및 숫자 텍스트 상자를 사용하여 IE10에서 ng 비활성화 문제가 발생했습니다.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> 

자바 스크립트 :

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 지원으로이 문제를 해결할 수있었습니다. 그들은 Kendo/Angular가 IE10에서 지원되지 않는 돌연변이 관찰자를 사용하기 때문에 polyfills를 http://webcomponents.org/으로 지적했습니다. 매력처럼 일했습니다.

+0

글쎄, 솔루션 게시 .... 주셔서 감사합니다. –

+0

매력처럼 작동 한 무엇입니까? 이 링크를 통해 "웹 구성 요소 베스트 프랙티스를 논의하고 발전시킬 수있는 곳"으로 안내 할 수 있지만 구현 가능한 솔루션은 없습니다. – mlhDev

0

@ leJuan5150의 답변에 더 깊이 파고 들었습니다. 그 사이트의 어떤 것이 유망합니다. webcomponents.js을 검토 한 결과 prebuilt 스크립트를 다운로드하여 테스트했습니다. 이 고정 IE10이지만 완전히 배포 한 후에 (nuget에서) 다른 검도 컨트롤은 여러 브라우저에서을 깨뜨 렸습니다. "SCRIPT5022 : HierarchyRequestError"(IE10 & IE11) 및 "TypeError : Node.appendChild의 인수 1이 인터페이스 노드를 구현하지 않음"(FireFox)과 같은 jQuery.js에서 오류가 발생했습니다.

나는 lite.js webcomponents 및 문제가보고와 webcomponents.js을 대체 해결 (크롬, 파이어 폭스, IE10, IE11).