角型UI-Routerで状態を保持

Question

連絡先リストから選択した連絡先にメールを送信するアプリがあります。 ユーザーが「受信者」を選択すると、検索、フィルタリングなどの別のビュー/ページが表示されます。「電子メールの送信」と「連絡先リスト」は、ngビューに読み込まれた異なるHTML部分です。

私は連絡先リストから誰かを選択すると、同じポイント（同じ状態）に戻るので、送信フォームの状態を維持する必要があります。私は別のソリューション（$ rootScope、ng-showを使った隠れたdivなど）について読んでいますが、UI-routerがState Managerの役に立つかどうかを知りたいと思います。そうでない場合は、すぐに使える他のソリューションがありますか？

ありがとうございます！

Answer 1

私が行った解決策は、サービスを自分のデータ/モデルストレージとして使用していることです。コントローラーの変更を超えて保持されます。コントローラでそれを使用して

例

ユーザーサービス（コントローラーの変更渡って持続する我々のモデル）

app.factory('userModel', [function() { 
    return { 
     model: { 
      name: '', 
      email: '' 
     } 
    }; 
}]); 

は

function userCtrl($scope, userModel) { 
    $scope.user = userModel; 
} 

本の他の利点は、あなたが再利用できるということですあなたのモデルを他のコントローラーと同じようにeasly。

Answer 2

私はAngular-Multi-Viewがこのシナリオでは神話であることを発見しました。他のビューがルートを処理している間、あるビューで状態を保持することができます。また、複数のビューで同じルートを処理できます。

これはUI-Routerで行うことができますが、IMHOが醜いことができるビューをネストする必要があります。

Answer 3

これが推奨されるかどうかはわかりませんが、コントローラのスコープからプロパティを保存/ロードするためのStateServiceを作成しました。それは次のようになります。

angular.module('app').controller('ExampleCtrl', ['$scope', 'StateService', function ($scope, StateService) { 
    $scope.keyword = ''; 
    $scope.people = []; 

    ... 

    var saveStateFields = ['keyword','people']; 
    $scope = StateService.load('ExampleCtrl', $scope, saveStateFields); 
    $scope.$on('$destroy', function() { 
     StateService.save('ExampleCtrl', $scope, saveStateFields); 
    }); 
}]); 

の