「詳細」ページにアクセスしている間に「リスト」ページのデータを保持する

Question

私は角の初心者ですので、私に同行してください。

私はしばらくの間これをやろうとしてきましたが、その方法を理解することはできません。

私はそうのように、3（1抽象親）の状態を持っている：

.state('recipes', { 
    url: '/recipes', 
    abstract: true, 
    template: '<ui-view/>' 
    }) 
    .state('recipes.listing', { 
    url: '/listing', 
    templateUrl: '/modules/recipes/client/views/recipes.listing.html', 
    controller: 'RecipesController', 
    controllerAs: 'vm', 
    data: { 
     pageTitle: 'Recipes' 
    } 
    }) 
    .state('recipes.details', { 
    url: '/details', 
    templateUrl: '/modules/recipes/client/views/recipes.details.html', 
    controller: 'RecipesDetailsController', 
    controllerAs: 'vm' 
    }); 

リストページから、ユーザーは、彼らが詳細ページをご覧リストから選択すると...から選ぶことができますリストを持っています経由で$ state.go（）。今すぐ "戻る"ボタンを押すと、リストページに戻りますが、クエリされたすべてのデータは消えています。私が考えることができる唯一の方法は、ページをビューに変換して1つの状態に挿入して表示/非表示にすることですが、これは角度的な方法ではないと感じました。

ありがとうございます。

Answer 1

ルートをRESTfullで使用することをお勧めします。例えばあなたの出品ページのルートが使用できます

.state('recipes', { 
    url: '/recipes', 
    templateUrl: '/modules/recipes/client/views/recipes.listing.html', 
    controller: 'RecipesController', 
    controllerAs: 'vm', 
    data: { 
     pageTitle: 'Recipes' 
    } 
}) 

と詳細ルートのために：

.state('recipes.details', { 
    url: '/recipes/:recipeID/details', 
    templateUrl: '/modules/recipes/client/views/recipe.details.html', 
    controller: 'RecipesDetailsController', 
    controllerAs: 'vm' 
    }); 

そして、あなたのリストのページでは、アイテムの詳細ページの各に到達するために、IDベースのリンクを追加することができます。あなたがテーブルを使用している場合は、あなたのテーブル本体はこのような何かを見てする必要があります。

<tbody> 
    <tr ng-repeat= "recipe in recipes"> 
     <td><a ng-href="#!/recipes/{{::recipe._id}}/details"></a></td> 
    </tr> 
</tbody>