2015-01-16 31 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 

注意,这将可能会在某个时候进入主项目,所以这个问题应该很快就会消失。

相关问题