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

相当新的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:'[email protected]', phone:'555-1276', account:123456, mylH: '1'}, 
      {id:2, name:'Mary', email:'[email protected]', phone:'800-BIG-MARY', account:123456, mylH: '1'}, 
      {id:3, name:'Mike', email:'[email protected]', phone:'555-4321', account:123456, mylH: '0'}];}]);

当用户从该表为客户之一点击“更多信息”我要的是，它应该去显示所有关于该信息的新页客户...

不知道的新的一页的需求，但我猜测它需要一个新的控制器：

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

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

感谢您的帮助提前！

来源

2016-06-30 Vipresh

您可能想要编写服务并使用服务的getter setter方法跨页面共享数据。 –

您创建一个指令。在指令中你定义了你的范围，并且你可以从你的html传递数据中作为属性调用指令。 [链接] [https://docs.angularjs.org/guide/directive] –

使用$ rootScope ...这将是最简单的方式 –

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

来源

2016-06-30 13:37:58

谢谢，现在工作，该链接帮了我很多。但我现在有一个问题。当我使用

显示变量时，它可以正常工作，但如果我刷新页面，则只会看到纯文本“{{name}}”。关于这个问题的任何建议？ – Vipresh

你能检查浏览器控制台并发布错误吗？ –

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

回答

{{name}}

相关问题