title: angular: load details in new page
body: <p>i have angular behaviour outside a ng-view. how can i get open a new page
  where that view is then located in?</p>
  
  <pre><code>&lt;div ng-controller="JobCtrl"&gt;
      &lt;input type="hidden" ng-model="produktion" value="produktion"&gt;
    &lt;ul&gt;
      &lt;li ng-repeat="job in jobs | filter:produktion"&gt;
       &lt;a href="jobs#/{{job.id}}"&gt; {{job.name}}&lt;/a&gt; (Hamburg)
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Onclick i would like to get the details rendered on a complete different page in my webapp.
  how can i achieve this?</p>
  
  <p>here is my url mapping for now:</p>
  
  <pre><code>when('/jobs/:jobId', {templateUrl: 'partials/job-detail', controller: JobDetailCtrl}).
  </code></pre>
  
  <p>if you need more code, pls let me know</p>