Now we are at the final step, which is porting our app to PhoneGap. The steps are very similar to the previous chapters: we need to include the required PhoneGap and Facebook plugins. Most importantly, we need to include the ngTouch module of AngularJS. Here's how our index.html file should look for our PhoneGap's version:
<!doctype html>
<html ng-app="todoApp">
<head>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/topcoat/0.8.0/css/topcoat-mobile-light.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<div id="fb-root"></div>
<div class="topcoat-navigation-bar">
<div class="topcoat-navigation-bar__item center full">
<h1 class="topcoat-navigation-bar__title">Todos</h1>
</div>
</div>
<div ng-view class="todos"></div>
<!-- this is for phonegap -->
<script src="cordova...