[解決済み] Angularjs、ルート間のスコープの受け渡し
2023-05-23 13:06:39
質問
数ページにわたるフォームがある状況です (理想的ではないかもしれませんが、そういうものです)。私は、ユーザーがステップ間を行ったり来たりする場合、状態を簡単に記憶できるように、進むにつれて入力されるフォーム全体に対して 1 つのスコープを持ちたいと考えています。
だから私は、非常に擬似的なコードで、行う必要があります。
-
設定
$scope.val = <Some dynamic data>
- リンクをクリックすると、新しいテンプレート (おそらく同じコントローラ) にルーティングされます。
-
$scope.val
はまだ最後のページと同じ値であるべきです。
何らかの方法でスコープのデータを永続化するのが正しい方法なのでしょうか、それとも何か他の方法があるのでしょうか。もちろんデータベースに保存することを除いて、ルート間でスコープを永続化したコントローラーを作成することもできます。
どのように解決するのですか?
サービスは、アプリのライフサイクルを通じて持続するため、サービスを使用する必要があります。
例えば、あるユーザーに関するデータを保存したいとします。
このように、サービスを定義します。
app.factory("user",function(){
return {};
});
最初のコントローラで
app.controller( "RegistrationPage1Controller",function($scope,user){
$scope.user = user;
// and then set values on the object
$scope.user.firstname = "John";
$scope.user.secondname = "Smith";
});
app.controller( "RegistrationSecondPageController",function($scope,user){
$scope.user = user;
// and then set values on the object
$scope.user.address = "1, Mars";
});
関連
-
[解決済み] let "と "var "の使い分けは?
-
[解決済み] JavaScriptの変数のスコープとは何ですか?
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] AngularJSを使用して、ブラウザのコンソールで$scope変数にアクセスするにはどうすればよいですか?
-
[解決済み] AngularJSで$scope.$watchと$scope.$applyを使用するにはどうすればよいですか?
-
[解決済み] AngularJS コントローラにおける 'this' と $scope の比較
-
[解決済み] AngularJSでコントローラ間の通信を行う正しい方法は何ですか?
-
[解決済み】AngularJSのディレクティブスコープにおける「@」と「=」の違いは何ですか?
-
[解決済み] cmake の変数スコープ、add_subdirectory。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン