How to pass data to different page using AngularJS?
<p>Quite new to angularJS and trying to pass information from one page to another.</p>

<p>Currently this controller displays a list of customers in a table format, with one column being the "More info".</p>

<pre><code> ** adminSearch.html **
 &lt;div ng-controller="adminSearch"&gt;
 ...    
 &lt;tr ng-repeat-start="custObj in customers | filter:custSearch"&gt;                         
    &lt;td&gt; {{custObj.id}} &lt;/td&gt;
    &lt;td&gt; {{custObj.name}} &lt;/td&gt;
    &lt;td&gt; &lt;a href="#"&gt; More Info &lt;/a&gt;&lt;/td&gt;
 &lt;/tr&gt; 
 ...
</code></pre>

<p>Controller:</p>

<pre><code>** adminSearch.js **
app.controller('adminSearch', ['$scope', function($scope) {         
$scope.customers = [{id:1, name:'John', email:'John@example.com', phone:'555-1276', account:123456, mylH: '1'},
             {id:2, name:'Mary', email:'Mary@example.com', phone:'800-BIG-MARY', account:123456, mylH: '1'},
             {id:3, name:'Mike', email:'Mike@example.com', phone:'555-4321', account:123456, mylH: '0'}];}]);
</code></pre>

<p>What I want is when the user clicks "More Info" from the table for one of the customer, it should go to a new page displaying all the information about that customer... </p>

<p>Not sure what the new page needs but I am guessing it needs a new controller:</p>

<pre><code>  ** customerInfo.html **
  &lt;div ng-controller="customerInfo"&gt; ... &lt;/div&gt;

  ** customerInfo.js **
  app.controller('customerInfo', ['$scope', function($scope) {
  }]);
</code></pre>

<p>Thanks for your help is advance!</p>