From web to PhoneGap
If you remember, in the previous section, I briefly mentioned that making calls to Facebook using the JavaScript SDK is now slightly different in PhoneGap, compared to the web-based version. Instead of a simplistic FB.login() call in the web version, we need to make a facebookConnectPlugin.login() call in the PhoneGap version. In this section, we'll take careful steps to port our code from the web-based version to a PhoneGap version.
Importing Facebook and PhoneGap plugins
First, we need to import Facebook- and PhoneGap-related plugins. We also need to slightly change how we initiate the FB object. So going back to your index.html file, here's what you need to do:
<!doctype html>
<html ng-app="todoApp">
<head>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<style>
body {
padding: 40px 20px 0 20px;
}
</style>
<...
