AngularJS + PhoneGap答案

【问题标题】：AngularJS + PhoneGapAngularJS + PhoneGap
【发布时间】：2012-11-10 00:13:31
【问题描述】：

我希望这个问题已经得到解决。 PhoneGap 可以与 AngularJS 一起使用吗？一起使用它们有什么限制吗？好处/陷阱？谢谢

【问题讨论】：

为了清楚起见，我可以肯定地说 AngularJS 实际上可以与 Cordova 一起工作并且可以很好地工作。通过使用 NodeJS 后端和 Socket.IO，您可以通过将相同的代码库部署到 Web、移动和桌面 (AppJS) 来显着缩短开发时间。

【解决方案1】：

问：PhoneGap 与 angular.js 配合得好吗？还是其他框架？

A：确实如此。 PhoneGap 并不规定如何使用 HTML、CSS 和 JavaScript 编写应用程序。我们可以很好地使用所有框架，而且最近，许多框架都是使用 Angular 编写的。

【讨论】：

【解决方案2】：

是的。 http://ionicframework.com 是一个集成了 Cordova 和 AngularJS 的框架。它将为您节省大量时间来尝试设置所有内容。

安装框架：

npm install -g cordova ionic

创建新的空：

ionic start myApp blank

phonegap 中可用的所有选项在 Ionic 中也可用。例如，您可以键入

ionic serve

您的移动应用程序将直接在浏览器中打开，并在对文件进行新更改时自动更新，就像在 Phonegap 中一样。

【讨论】：

【解决方案3】：

我发现 brian t Ford 的文章（每个人都引用）并没有真正解释如何获取配置文件（包括指向 index.html 文件的指针和其他几个资产），这将其标记出来因为有点过时了。如果能得到一个很好的更新，那就太好了。

【讨论】：

【解决方案4】：

我目前正在使用 Phonegap 和 AngularJS 开发一个项目。我推荐以下阅读。将帮助您在一小时内确定它是否是您想要的。

AngularJs 将让您拥有网站的功能和结构，但它有一个小缺陷，就是它有点慢，我是根据经验说的，而且有时模型需要一段时间才能冷却下来。

同样，我建议你看看 Yeomen，我目前正在开发一个生成器 angularJS phonegap，希望这个周末可以使用它。

问候

@gartox

【讨论】：

【解决方案5】：

我无法让 angularjs 在带有 phonegap 的 windows phone 7 上工作。简单的僵硬工作，但只要我尝试添加页面路由......

[编辑]

好的。所以我在windows phone 7/8上发现了问题。

在 angular.js (1.0.3) 的函数 matchUrl(url,obj) 中，有一个正则表达式失败，因为 Windows Phone 使用了不寻常的前缀或命名空间或任何它被调用的东西（可能是出于安全目的）。

发生的情况是 Angular 期待一个像“http://localhost/www/index.html”这样的 url，但在 windows phone 中它看起来像：“x-wmapp0:www/index.html”。

我尝试修复正则表达式，但即便如此，我后来还是从 XHR 收到了一个错误。

【讨论】：

Angular 通常在 IE 上似乎存在一些问题。目前正在寻找解决方法。当我找到东西时会发布
有趣的是，它适用于 IE9。我什至在 wp7 中使用 Internet Explorer 网络浏览器进行了尝试，它可以正常工作（尽管有一些轻微的 CSS 问题）。它不适用于 phonegap 使用的任何网络浏览器。

【解决方案6】：

是的。

我已经使用 PhoneGap 和 AngularJS 制作了多个应用程序。它没有魔法。

【讨论】：

谢谢！你是对的！它也适用于 AppJS（基本上是使用 NodeJS 作为后端的 Windows/iOS 的 phonegap）
@AndrewRhyne 我是 phonegap 和 angularjs 的新手，我有 tried 这些 tutorials 但似乎都没有工作（他们在 Xcode/ios 上工作但不是在 android 上工作）.. 任何人都可以指向一个在 android 上有完整的 angularjs/phonegap 项目的仓库？谢谢！
你能用 Phone Gap 3.3 和 AngularJS 为 Windows Phone 8 开发应用程序吗？ Asi 是我第一次尝试开发移动应用程序。我无法在 ng-view 标签中加载视图
查看提供访问 Cordova 插件服务的 ng-cordova 项目：ngcordova.com/docs

【解决方案7】：

PhoneGap 只是在本机设备浏览器中运行您的应用程序，因此如果您的目标平台支持 AngularJS，它应该可以与 PhoneGap 一起使用。

【讨论】：

phonegap 不只是充当 JS/HTML/CSS 的网络浏览器并暴露后端吗？我想知道 Angular 的自定义 HTML 属性是否会导致 PhoneGap 出现问题
这应该不是问题。当然，除非您正在为某种神奇的 IE8 手机开发应用程序：)