在中，我们将深入探讨如何使用AngularJS和ngCordova框架构建PhoneGap应用程序。AngularJS是一种流行的JavaScript MVC（模型-视图-控制器）框架，它极大地简化了前端开发，而PhoneGap则允许开发者使用Web技术（如HTML、CSS和JavaScript）来创建原生移动应用。ngCordova是AngularJS的一个扩展库，它为PhoneGap/Cordova插件提供了一致的AngularJS接口，使开发者可以轻松地利用设备的原生功能。

我们需要安装和配置开发环境。确保已经安装了Node.js，因为AngularJS和PhoneGap的许多工具都是基于Node的。接下来，通过npm（Node Package Manager）安装PhoneGap和Cordova：npm install -g cordova。然后，创建一个新的PhoneGap项目：cordova create your_app_name。接下来，添加目标平台，例如iOS和Android：cd your_app_name，cordova platform add ios，cordova platform add android。

现在，我们要引入AngularJS和ngCordova。在www目录下，通过以下命令安装它们：bower install angular-route，bower install ngCordova。将这些库的文件添加到HTML文件中，通常是在index.html的<;head>;部分：<;script src=\"lib/angular.min.js\"></script>，<;script src=\"lib/angular-route.min.js\"></script>，<;script src=\"lib/ngCordova/dist/ng-cordova.min.js\"></script>。

接下来，我们开始构建应用的基本结构。在www/js目录下创建app.js，定义AngularJS模块和依赖项：var app = angular.module('myApp', ['ngRoute', 'ngCordova']);。接着，设置路由以控制应用程序的不同部分。在app.js中添加以下代码：app.config(function($routeProvider) { $routeProvider .when('/', { templateUrl: 'views/main.html', controller: 'MainCtrl' }).otherwise({ redirectTo: '/' });。

创建相应的views/main.html文件，并编写基本的HTML模板。同时，创建对应的controllers/MainCtrl.js，定义MainCtrl控制器：app.controller('MainCtrl', function($scope) { //控制器逻辑});。

ngCordova提供了与各种设备功能交互的API，如相机、GPS、通知等。要在应用中使用它们，只需在app.js中注入相应的服务。例如，要使用相机功能：app.controller('CameraCtrl', function($scope, $cordovaCamera) { $scope.takePicture = function() { var options = { quality: 75, destinationType: Camera.DestinationType.FILE_URI }; $cordovaCamera.getPicture(options).then(function(imageData) { //处理图片}, function(err) { //处理错误}); });。

将新的控制器路由添加到app.js：$routeProvider.when('/camera', { templateUrl: 'views/camera.html', controller: 'CameraCtrl' });。创建views/camera.html模板并添加用于触发拍照的按钮。至此，一个基础的使用AngularJS和ngCordova构建的PhoneGap应用已经搭建完成。你可以根据需求添加更多功能，如存储数据、访问设备联系人或实现推送通知等。ngCordova的全面文档提供了丰富的插件列表，帮助开发者充分利用移动设备的功能。