我目前正在開發一個原型開發Win8.1 WinJS應用程序時測試幾個框架的可用性。在開發過程中,我發現了一個非常奇怪的表單行爲。WinApp 8.1(WinJS)應用程序與AngularJS
這是一個新創建的WinJS應用的香草形式:
你能看到的是複製按鈕的輸入框和半內的光標。由於嵌入式虛擬鍵盤會覆蓋輸入框,因此會自動向上滾動內容。
現在我有AngularJS 1.3.1:
現在,有沒有光標,複製按鈕不會出現和投遞keybord實際上覆蓋的輸入框。實際上不可能改變不可見光標的位置,所以我只能將字符添加到任何現有的文本中。
我分析了兩個版本的DOM樹:
香草:包括
角1.3.1:
我們可以看到的是,角在頭部嵌套二級頭,包括一些奇怪的屁股CSS定義。此外,在頭部元件內創建另一個身體標籤。我試圖加載角使用下面的片段後刪除這些:
<script type="text/javascript">
$(function() {
$('head > head, head > body').remove();
});
</script>
這解決了問題,但現在,NG-顯示,NG隱藏指令不工作了。 我只能在WinJS API中使用AngularJS時才能觀察到這個問題。我搜索了互聯網,但沒有發現任何關於這種行爲的線索 - 實際上有幾個博客描述了在WinJS應用程序中使用AngularJS的過程,而沒有提到任何這樣的問題。
你們有什麼想法嗎?