D3 Examples - "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

xxxxxxxxxx
 
<!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>
​
​
  <script type="text/ng-template" id="index.html">
    <p>Choose Pages or Posts</p>    
  </script>
​
  <script type="text/ng-template" id="posts.html">
    <h3>Posts</h3>
    
    <ul>
      <li ng-repeat="post in posts">{{ post.title }} by {{ post.author }}</li>
    </ul>
  </script>
​
  <script type="text/ng-template" id="pages.html">
    <h3>Pages</h3>
    
    <ul>
      <li ng-repeat="page in pages">{{ page.title }}</li>
    </ul>
  </script>
  
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular-route.min.js"></script>
​
</body>
</html>
​
    