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

How to pass data to different page using AngularJS?

本文关键字：AngularJS 何使用 数据      更新时间：2023-09-26

对于angularJS来说，这是一个全新的东西，它试图将信息从一个页面传递到另一个页面。

当前该控制器以表格格式显示客户列表，其中一列为"More info"。

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

我想要的是当用户点击"更多信息"从表中的一个客户，它应该去一个新的页面，显示有关该客户的所有信息…

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

  ** customerInfo.html **
  <div ng-controller="customerInfo"> ... </div>
  ** customerInfo.js **
  app.controller('customerInfo', ['$scope', function($scope) {
  }]);

谢谢你的帮助是提前!

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

相关文章：