title: Stop AngularJs from creating new controller/$scope cache and use cached one
body: <p>Using $routeProvider every time user clicks on a link, a new $scope is being generated. That means all the data is lost. How can i make Angular use the same controller/$scope?</p>
  
  <p>Explanation:</p>
  
  <p><a href="http://jsfiddle.net/mpKBh/1/" rel="nofollow">http://jsfiddle.net/mpKBh/1/</a>
  (click on links)</p>
  
  <pre><code>&lt;a href='#'&gt;First controller&lt;/a&gt;
  &lt;a href='#/view'&gt;Second controller&lt;/a&gt;
  
  $routeProvider.
    when('/', { template:"{{$id}}",controller: ContentListCtrl}).
    when('/view', {template:"{{$id}}",controller: ContentDetailCtrl}).
  </code></pre>
  
  <p>P.s. is it possible to know which controller is currently active?</p>