2015-01-16 45 views
3

我目前正在開發一個原型開發Win8.1 WinJS應用程序時測試幾個框架的可用性。在開發過程中,我發現了一個非常奇怪的表單行爲。WinApp 8.1(WinJS)應用程序與AngularJS

這是一個新創建的WinJS應用的香草形式:

enter image description here

你能看到的是複製按鈕的輸入框和半內的光標。由於嵌入式虛擬鍵盤會覆蓋輸入框,因此會自動向上滾動內容。

現在我有AngularJS 1.3.1:

enter image description here

現在,有沒有光標,複製按鈕不會出現和投遞keybord實際上覆蓋的輸入框。實際上不可能改變不可見光標的位置,所以我只能將字符添加到任何現有的文本中。

我分析了兩個版本的DOM樹:

香草:包括

enter image description here

角1.3.1:

enter image description here

我們可以看到的是,角在頭部嵌套二級頭,包括一些奇怪的屁股CSS定義。此外,在頭部元件內創建另一個身體標籤。我試圖加載角使用下面的片段後刪除這些:

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

這解決了問題,但現在,NG-顯示,NG隱藏指令不工作了。 我只能在WinJS API中使用AngularJS時才能觀察到這個問題。我搜索了互聯網,但沒有發現任何關於這種行爲的線索 - 實際上有幾個博客描述了在WinJS應用程序中使用AngularJS的過程,而沒有提到任何這樣的問題。

你們有什麼想法嗎?

回答

2

我看到你包括winstore-jscompat.js ...請看到這個問題:

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

..這是固定在這個叉:

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

注意,這將可能會在某個時候進入主項目,所以這個問題應該很快就會消失。

相關問題