将AngularJS连接到Phonegap/Cordova

Question

我是一名Phonegap开发的初学者。我已经尝试了大约12个小时的时间，想要连接AngularJS应用程序和Phonegap，以便为Android开发移动应用。不幸的是，AngularJS似乎对我不起作用。这是我的Github存储库链接，我将所有代码都推到了Phonegap项目的www文件夹中。基本上我已经将所有内容都链接到了index.html文件上，路由和控制器看起来也没有问题。我之前已经做过几个angular.js应用程序，但都是使用node.js，所以这个东西对我来说很新。对于发布整个项目我感到抱歉，但我已经花了足够长的时间，完全不知道问题出在哪里。我确实尝试了我能想到的一切...

- Boyan Hristov

---

看看Ionic框架，它默认使用AngularJS，非常方便。我正在使用它与Cordova一起使用，非常轻松。 - VicM

Answer 1

Angularjs是最好的框架之一，它提供了一个很棒的MVC框架，使我们能够开发客户端应用程序。以下是我在第一次使用Angularjs开发PhoneGap应用程序时参考的一些链接。

• divgirl 2013
• divgirl 2014
• coenraets 2013
• coenraets 2014

如果你想了解PhoneGap和Angularjs，这些链接是最好的参考资料。

- user1448816

---

谢谢，我接受你的答案，因为真正的答案对问题并没有帮助。基本上，我在我的angular.js应用程序中使用了变量'app'，因此phonegap也被称为'app.initialize'以便运行，并且两者都会干扰。基本上，对于phonegap+angular.js，您只需使用cordova生成您的phonegap项目，这很容易通过node包管理器安装，然后在www文件夹中生成一个angular应用程序（使用yeoman非常容易），一切都应该没问题。 - Boyan Hristov

Answer 2

我几天前也在寻找同样的东西，然后我找到了这个grunt项目：

https://github.com/dsimard/grunt-angular-phonegap

我假设你已经完成以下步骤:

1. 安装了phonegap、generator-angular和grunt
2. 创建了一个phonegap项目
3. 通过'yo angular'将angular添加到你的项目中
4. 执行了'cordova platform add android'

接下来需要做的是：

1. npm install grunt-angular-phonegap --save-dev
2. npm install（第1步和第2步都应该在项目目录内执行一次）
3. grunt phonegap:check
   （它会检查系统是否可以构建。 如果你使用的是Windows，checkAdb可能会失败，但你不必担心）
4. grunt phonegap:build

P.S.默认命令是grunt phonegap:command[:platform]，但默认情况下它是针对android的。

就是这样。

感谢https://github.com/dsimard提供的出色工具。

- Basanta