如何在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數據。