angular: load details in new page

i have angular behaviour outside a ng-view. how can i get open a new page where that view is then located in?

<div ng-controller="JobCtrl">
    <input type="hidden" ng-model="produktion" value="produktion">
  <ul>
    <li ng-repeat="job in jobs | filter:produktion">
     <a href="jobs#/{{job.id}}"> {{job.name}}</a> (Hamburg)
    </li>
  </ul>
</div>

Onclick i would like to get the details rendered on a complete different page in my webapp. how can i achieve this?

here is my url mapping for now:

when('/jobs/:jobId', {templateUrl: 'partials/job-detail', controller: JobDetailCtrl}).

if you need more code, pls let me know