StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
20383218
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-12-04T18:36:45.943
FavoriteCount
0
LastActivityDate
2013-12-04T18:36:45.943
LastEditDate
LastEditorUserId
0
OwnerUserId
245103
ParentId
18099228
PostTypeId
2
Score
0
ViewCount
0
LastEditorDisplayName
text
Body
<p>That error is definitely what it says: your cordova.js file is not being included correctly. Fix that first.</p> <p>To answer your larger question: Angular, jQuery Mobile, and PhoneGap will play together but it comes with some big caveats.</p> <p>The biggest issue is that the jQuery Angular Mobile adapter is currently abandoned while they invest time in building a better solution: angular-jqm. That means that the adapter only works with outdated versions of the libraries.</p> <p>Second: those outdated library versions have some issues working with Windows Phone. These are fixable, too, but lock you into an even less maintainable version of them.</p> <p>So here is the setup:</p> <pre><code><script src="javascripts/vendor/jquery-mobile-1.3.1.js"></script>  <script src="javascripts/vendor/angular-1.0.6.js"></script> <script src="javascripts/vendor/jquery-angular-mobile-adapter-1.3.2.js"></script> </code></pre> <p>Unfortunately I was never able to get partials to load via XHR so I included all pages in index.html document.</p> <pre><code><body ng-controller="AppController"> <div data-role="page" id="first" ng-controller="FirstController"> <h1>First Page</h1> <p>{{foo}}</p> <p><a href="#/second">Second Page</a></p> </div> <div data-role="page" id="second" ng-controller="SecondController"> <h2>Second Page</h2> </div> </body> </code></pre> <p>Then you need to switch off a few niceties in the JavaScript and set up your routes:</p> <pre><code><script> var so_example = angular.module('so_example', []). config(function ($routeProvider, $locationProvider, $compileProvider) { // turn off html5 mode so that we just navigate around using hashes $locationProvider.html5Mode(false).hashPrefix(""); // allow for the odd URLs included in Windows Mobile PhoneGap $compileProvider.urlSanitizationWhitelist(/^\s*(https?|ftp|mailto|file|tel|x-wmapp0):/); $routeProvider. when('/second', { templateUrl: '#second', jqmOptions: { transition: 'slide' } }). when('/', { templateUrl: "#first" }); }). controller("FirstController", function ($scope) { $scope.foo = "Hello, World!"; }). controller("SecondController", function ($scope) { }); </script> </code></pre> <p>Now you need to leverage the Cordova library before you bootstrap Angular to your HTML:</p> <pre><code>var app = (function () { function onDeviceReady() { angular.bootstrap(document, ['so_example']); $.mobile.phonegapNavigationEnabled = true; } return { initialize: function() { document.addEventListener('deviceready', onDeviceReady, false); } }; })(); app.initialize(); </code></pre>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POHow to use (phonegap, angularjs and jquery mobile) for windows phone 8?
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USfunwhilelost
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.