angularjs - Angular ルーティングを使用してページ間でフォーム データを渡す

Question

2 つのタブを持つアプリを構築したいと考えています。1 つにはフォームがあり、もう 1 つのタブはフォームに入力されたデータを確認するためのものです。ng-view div を変更する 2 つのリンクを含むナビゲーションがあります。私の問題は、レビュー リンクをクリックするたびに、フォームに入力したすべてのデータがリセットされることです。コントローラ js:

var MainApp = angular.module("MainApp",['ngRoute']);
   function appRouteConfig($routeProvider){
    $routeProvider.
        when('/',{
            controller: 'MainCtrl',
            templateUrl: 'add.html',
        }).
        when('/review',{
            controller: 'MainCtrl',
            templateUrl: 'review.html',
        }).
        otherwise({
            redirectTo: '/'
        });
}
var MainCtrl = MainApp.controller("MainCtrl", function($scope) {
    $scope.campaign = {cName:''};
});

フォーム入力の例:

<tr> 
    <td>Campaign Name</td>
    <td><input type="text" id="cName" ng-model='campaign.cName' /></td>
</tr>
<tr>

ビューを add.html (フォームがある場所) から review.html に変更すると、フォーム内のすべてのデータがリセットされるだけなので、レビュー ページにはデータが表示されず、add.html ビューに戻すと、すべて入力は空白です。

ビューを切り替えるときにデータを保持する方法はありますか?