Как передать данные на другую страницу, используя AngularJS?

Question

Совершенно новичок в angularJS и пытается передавать информацию с одной страницы на другую.

В настоящее время этот контроллер отображает список клиентов в виде таблицы с одним столбцом "Дополнительная информация".

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

контроллер:

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

То, что я хочу, это когда пользователь нажимает "Подробнее" из таблицы для одного из клиентов, он должен перейти на новую страницу, отображающую всю информацию об этом клиенте...

Не уверен, что нужно новой странице, но я предполагаю, что ей нужен новый контроллер:

  ** customerInfo.html **
  <div ng-controller="customerInfo"> ... </div>

  ** customerInfo.js **
  app.controller('customerInfo', ['$scope', function($scope) {
  }]);

Спасибо за вашу помощь заранее!

Answer 1

Я понимаю, что вам нужно перейти от одного файла HTML к другому файлу HTML и передать данные клиента для этой страницы. тогда я бы предложил использовать роутер для навигации по страницам. пожалуйста, обратитесь по этой ссылке https://scotch.io/tutorials/3-simple-tips-for-using-ui-router