使用 angularjs 创建一个 windows 通用应用程序答案

【问题标题】：Create a windows universal app using angularjs使用 angularjs 创建一个 windows 通用应用程序
【发布时间】：2014-04-09 16:59:00
【问题描述】：

如何使用 angularjs 创建一个 windows 通用应用程序？

我使用 Visual Studio 创建了一个通用 Windows 应用程序，添加了 angular 脚本（出于测试目的，我使用 bower、手动和使用 nuget 以不同的方式尝试了它）并且总是得到“无法添加动态内容”。

搜索这个我发现很多链接试图解释如何解决这个错误，例如：http://blog.kadople.com/2013/06/getting-started-with-angularjs-in.html。但这一切似乎都非常丑陋或根本不起作用——至少不适用于 Windows 通用应用程序。提到的链接的演示应用程序正在运行，但涉及在 jquery 代码中添加 execUnsafeLocalFunction 进行黑客攻击，这是我真的不想做的事情。而且我认为这应该适用于 jquery 版本 >= 2.0 - 但好的，它不是。

我们怎样才能让这个应用程序“通用”？ ;)

【问题讨论】：

标签： jquery angularjs windows-store-apps

【解决方案1】：

这个问题的一个很好的解决方案是在你的项目中WinStore-JsCompat。只需在所有其他脚本之前包含它并在 .html 文件中添加引用即可。

【讨论】：

【解决方案2】：

Windows 通用应用程序开发可能会很棘手，尤其是在您使用 angularjs 时。正如Sorskoot 所建议的那样，winstore-jscompat 需要能够在您的通用 Windows 应用程序中使用 angularjs。

我建议使用 AndyB 的 jscompat 的 this fork，我发现它正在处理我的测试项目。

尝试将ng-csp 属性添加到您的Angularjs 应用程序中，如他们的Windows 通用应用程序文档中所述https://docs.angularjs.org/api/ng/directive/ngCsp

您现在离制作“通用”Windows 应用程序更近了两步！

【讨论】：

并且可以阅读“注意：您不需要为 Windows 10 应用程序包含此文件。”，似乎所有这些东西都是为 Windows 10 应用程序自动完成的。不幸的是，它似乎对性能有一些轻微的影响，因为人们可以在同一网站上阅读“请注意，您的应用程序的性能可能会受到轻微影响，影响程度取决于这三个属性的具体使用、时间和频率上面列出的电话。” （来源：github.com/MsopenTech/winstore-jscompat）感谢您的帮助。