如何在AngularJs中将数据从一个页面管理到另一个页面？

Question

我在使用angulrJS从一个页面重定向到另一个页面时管理数据时遇到了问题。

我有一个页面（轮胎卡），像姓名，地址，个人用户等几个领域...从这个页面用户可以进入另一个页面（车辆卡），像regNo，车辆类型等几个领域......

有两个不同的控制器。轮胎卡和车辆卡使用FK链接。

当用户对TyreCard进行一些更改并导航到另一个页面（车辆卡）时。我想管理Tire卡的数据，因此当用户从车辆卡返回此页时，那些数据应该放在Tyrehotelcard上。

Answer 1

angular.module('ContentApp').run(function ($rootScope) { 
     $rootScope.TyreCard = null; 
    }) 
})(); 



    angular.module('ContentApp') 
     .controller('ContentCtrl', ContentCtrl) 



ContentCtrl.$inject = ['$scope', '$rootScope', 'api']; 


function ContentCtrl($scope, $rootScope, api) { 

    $rootScope.TyreCard=typecard 

} 

Answer 2

AngularJS是单页面应用程序（SPA）。所以角度应用程序的想法是设计一个只有一个页面的应用程序。

因此，您无法将数据从一个页面传递到另一个页面。

你可以使用partials，并使用ngRoute在同一页面内从一个partials导航到另一个partials。

见ngRoute documentation

Answer 3

如果你的应用是一个单页的应用程序，最常见的解决方案是使用一个工厂（单个实例）注入到两个控制器，如下所述： Share data between AngularJS controllers

Answer 4

我找到了解决方案。我将使用sessionstorage。

轮胎卡数据存储在这里。 vm.createSessionStorage（“TyreHotelCardData”，vm.data）;

当我从车辆页面返回到轮胎卡页面。

var result = vm.getSessionStorage（“TyreHotelCardData”）;

所以在结果中我将有Tyrecard数据。