"Can someone make a gist of the idiomatic way in Angular to navigate between two pages (A and B) where both A and B have a model to fetch?" --Yehuda Katz https://twitter.com/wycats/status/387043646354100224

<!DOCTYPE html>
<html>
<head>
<meta name="fragment" content="!" />
<meta charset="utf-8">
<title>Angular  Starter Kit</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/2.1.0/normalize.css">
  <link rel="stylesheet" href="styles.css">
</head>
<body ng-app="App">

<h2>Application Template!</h2>

<nav>
    <ul>
      <li><a href="#/posts">Posts</a></li>
      <li><a href="#/pages">Pages</a></li>
    </ul>
    </nav>
  
    <ng-view>

</body>
</html>

Modified http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js to a secure url

https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js

https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.min.js

https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular-route.min.js