title: Passing Object in ng-repeat to another page to display its contents
body: <p>I am working on a project using MySQL, Angular, Express, and Node. I have a list of objects in a ng-repeat and when I click a specific item I would like to pass the clicked object to another page and show the object's properties through angular.</p>
  
  <p>Here is the code: </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class = "panel panel-info" ng-repeat="job in job"&gt;
      &lt;div class = "panel-heading clickable"&gt;
          &lt;h1 class = "panel-title"&gt;{{job.title}}&lt;/h1&gt;
          &lt;span class = "pull-right"&gt;&lt;i class = "glyphicon glyphicon-minus"&gt;&lt;/i&gt;&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class = "panel-body"&gt;
          &lt;!--This will soon be the place where the Students information is placed by NodeJS--&gt;
          &lt;!--&lt;p style = "text-decoration: underline"&gt; Job Title  &lt;p&gt;--&gt;
          &lt;p&gt; {{job.description}} &lt;/p&gt;
          &lt;p&gt; {{job.first_name}} {{job.last_name}}&lt;/p&gt;
          &lt;p&gt; {{job.location}} &lt;/p&gt;
          &lt;br&gt;
          &lt;div class="form-group"&gt;
              &lt;div class=" col-sm-15"&gt;
                  &lt;button onclick="location.href='jobPage.html';" type="submit" class="btn btn-default btn-block"&gt;Apply&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Controller:</p>
  
  <pre><code>    soopControllers.controller("landingController",
  
  function ($scope, $http){
      $scope.formData = {};
  
      $http.get('/api/jobLanding')
          .success(function(data){
              $scope.job = data;
              console.log(data);
          })
          .error(function(data){
              console.log('Error: ' + data);
          });
  
      //I want this function to get the job and send it to another page
      $scope.getJob = function(){
          $http.post('/api/job', $scope.formData)
              .success(function(data){
                  $scope.formData = {};
                  $scope.users = data;
                  //$location.redirect();
                  console.log(data);
              })
              .error(function(data){
                  console.log('Error: ' + data);
              });
      };
  });
  </code></pre>