StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
19307923
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-10-10T23:29:50.180
FavoriteCount
0
LastActivityDate
2013-10-11T06:15:41.593
LastEditDate
2017-05-23T12:33:57.923
LastEditorUserId
-1
OwnerUserId
2193084
ParentId
19166423
PostTypeId
2
Score
9
ViewCount
0
LastEditorDisplayName
text
Body
What you proposed is a viable approach with AngularJS. Another solution would be to run the javascript code on the server side, and then send the output to the browser (Similar to Airbnb's <a href="https://github.com/airbnb/rendr" rel="nofollow noreferrer">Rendr</a>). However, nothing like this exists that I know of for AngularJS. It might not be possible because of the way the scopes are handled. With the bootstrapped javascript object approach, it's simple and you avoid visiting the server twice. So, <ol> <li>Construct your app as a SPA client that consumes a REST API.</li> <li>Using server-side templating, render an extra javascript object with the data you want to bootstrap and include it on the page (or another js file).</li> <li>On the front-end, transfer the data from this bootstrapped javascript object into your $resource model.</li> </ol> See this similar question with AngularJS and Rails. <a href="https://stackoverflow.com/questions/12451864/how-to-bootstrap-data-as-it-it-were-fetched-by-a-resource-service-in-angular-js">How to bootstrap data as it it were fetched by a $resource service in Angular.js</a> For SEO, use this <a href="http://www.yearofmoo.com/2012/11/angularjs-and-seo.html" rel="nofollow noreferrer">AngularJS SEO guide</a> [1]. This guide was mentioned by AngularJS engineers at Google I/O [2]. [1] <a href="http://www.yearofmoo.com/2012/11/angularjs-and-seo.html" rel="nofollow noreferrer">http://www.yearofmoo.com/2012/11/angularjs-and-seo.html</a> [2] <a href="http://www.youtube.com/watch?feature=player_detailpage&v=HCR7i5F5L8c#t=2238" rel="nofollow noreferrer">http://www.youtube.com/watch?feature=player_detailpage&v=HCR7i5F5L8c#t=2238</a>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POAngularJS and Play Framework model binding and templates
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USCommunity
UserOwnerUserId
1. USShridhar Gupta
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. POAngularJS and Play Framework model binding and templates
 singulars
 PostTypePostTypeId
 PTQuestion
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
2. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
3. VO
 singulars
 PostPostId
 PO
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
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.