2015-01-16 4 views
3

현재 Win8.1 WinJS 응용 프로그램을 개발할 때 여러 프레임 워크의 유용성을 테스트하기 위해 프로토 타입을 사용하고 있습니다. 개발 과정에서 양식과 관련하여 매우 이상한 행동을 발견했습니다.AngularJS가있는 WinApp 8.1 (WinJS) 응용 프로그램

enter image description here

는 당신이 볼 수있는 것은 복사 버튼에서 InputBox 반 내에서 커서입니다 :

은 갓 만든 WinJS 앱의 바닐라 형태입니다. 드롭 인 가상 키보드가 입력 상자 위에 겹치므로 자동으로 내용을 위로 스크롤합니다.

가 지금은 AngularJS와 1.3.1을 포함한다 :

enter image description here

지금, 더 커서이 없습니다를 복사 버튼이 표시되지 않고 드롭 인 (drop-in) 자판은 실제로에서 InputBox 오버레이. 사실 보이지 않는 커서의 위치를 ​​변경하는 것은 불가능하므로 모든 기존 텍스트에 문자를 추가 할 수 있습니다.

바닐라 :

enter image description here

각도 1.3.1 포함 : 우리가 볼 수있는 무엇

enter image description here

은 각 점이다

나는 두 버전의 DOM 트리를 분석 몇 가지 별난 엉덩이 CSS 정의를 포함하여 머리 속에 두 번째 수준의 머리를 중첩합니다. 또한 head 요소 내에 다른 body 태그가 만들어집니다. 나는 다음 코드를 사용하여 각로드 한 후 사람들을 제거하려 :

<script type="text/javascript"> 
    $(function() { 
    $('head > head, head > body').remove(); 
    }); 
</script> 

이 문제가 해결하지만 지금은, NG-쇼, NG 숨기기 지시어가 더 이상 작동하지 않습니다. WinJS API에서 AngularJS를 사용할 때만이 문제를 볼 수 있습니다. 나는 인터넷을 검색했지만 그런 행동에 대한 단서를 찾지 못했습니다. 실제로 AngJJ를 WinJS 응용 프로그램에서 사용하는 프로세스에 대해 설명하는 블로그가 몇 가지 있습니다.

너희들 여기서 무슨 일이 일어나고 있니?

답변

2

난 당신이 winstore-jscompat.js 포함하고 참조 ...이 문제를 참조하십시오 :이 것을

https://github.com/ClemMakesApps/winstore-jscompat/blob/master/winstore-jscompat.js 

참고 :이 포크에 고정되어 요식

https://github.com/MSOpenTech/winstore-jscompat/issues/8 

을 아마도 어떤 시점에서 주 프로젝트에 끌어 들여야하기 때문에이 문제는 "곧"사라질 것입니다.