如何使用AngularJS将数据传递到不同的页面?

时间:2016-06-30 13:30:35

标签: javascript angularjs

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:'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'}];}]);

我想要的是当用户点击&#34;更多信息&#34;从一个客户的表中,它应该转到显示该客户的所有信息的新页面......

不确定新页面需要什么,但我猜它需要一个新的控制器:

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

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

感谢您提前帮助!

1 个答案:

答案 0 :(得分:1)

据我所知,您需要从一个html文件导航到另一个html文件,并传递该页面的客户详细信息。那么我建议使用 ui router 来浏览页面。请参阅此链接https://scotch.io/tutorials/3-simple-tips-for-using-ui-router