angularの$state.goページへのジャンプとパラメータの受け渡し
2022-02-24 14:26:59
私はページジャンプ、ジャンプ前のページのデータを取得するためにジャンプ後のページに遭遇したとき、私はlocalstorageの種類、放送の種類を使用すると思ったし、上司は、すべての$状態.は、直接パラメータで行くので、この時間は、$状態.はページジャンプのパスを導入するパラメータをそのようなトラブルはない、と述べた。
1。ルートページ(データを渡すためのルートにパラメータを追加するには、ここに注意してください、それ以外の場合は、ページがジャンプしたときにフィルタリングされます。)
.state("home.workpiece",{ // ジャンプ前のページ
url:"/workpiece"。
ビューになります。{
のホームです。{
templateUrl: prefix + "project/workpiece.html",
controller: "workpieceCtrl"。
}
}
})
.state("home.workpieceDetail",{ //After-jump page)
url:"/workpieceDetail?workpieceList",
ビューになります。{
のホームです。{
templateUrl: prefix + "project/workpiece_detail.html",
controller: "workpieceDetailCtrl"。
}
}
})
パラメータはparamsに入れることもできます
.state("home.workpieceDetail",{)
url:"/workpieceDetail",
ビューになります。{
のホームです。{
templateUrl: prefix + "project/workpiece_detail.html",
controller: "workpieceDetailCtrl"。
}
}
パラメータを指定します。{workpieceList:null}
})
2. ワークピースCtrlで
3. workpieceDetailCtrlの中
最後のリンクは、ページジャンプのためのパラメータを渡す4つの方法について説明しています: http://www.cnblogs.com/Razor0/p/5200435.html
1。ルートページ(データを渡すためのルートにパラメータを追加するには、ここに注意してください、それ以外の場合は、ページがジャンプしたときにフィルタリングされます。)
.state("home.workpiece",{ // ジャンプ前のページ
url:"/workpiece"。
ビューになります。{
のホームです。{
templateUrl: prefix + "project/workpiece.html",
controller: "workpieceCtrl"。
}
}
})
.state("home.workpieceDetail",{ //After-jump page)
url:"/workpieceDetail?workpieceList",
ビューになります。{
のホームです。{
templateUrl: prefix + "project/workpiece_detail.html",
controller: "workpieceDetailCtrl"。
}
}
})
パラメータはparamsに入れることもできます
.state("home.workpieceDetail",{)
url:"/workpieceDetail",
ビューになります。{
のホームです。{
templateUrl: prefix + "project/workpiece_detail.html",
controller: "workpieceDetailCtrl"。
}
}
パラメータを指定します。{workpieceList:null}
})
2. ワークピースCtrlで
angular.module("app").controller("workerpieceCtrl", ["$scope", "$state", function($scope, $ state){) <未定義
"use strict"を使用します。
$state.go("home.workpieceDetail", {workpieceList : workpieceData})を実行します。
}
]);
3. workpieceDetailCtrlの中
angular.module("app").controller("workerpieceCtrl", ["$scope", "$stateParams", function($ scope, $stateParams){) <未定義
"use strict"を使用します。
$scope.workpieceList = JSON.parse($stateParams.workpieceList);
}
]);
最後のリンクは、ページジャンプのためのパラメータを渡す4つの方法について説明しています: http://www.cnblogs.com/Razor0/p/5200435.html
関連
-
[解決済み】VSCodeはモジュール'@angular/core'や他のモジュールを見つけることができません。
-
[解決済み] Angular material Angular Material コアテーマが見つかりませんでした。
-
[解決済み] Visual Code で未定義のプロパティ 'thisCompilation' を読み取ることができません。
-
[解決済み] Typescript - コードが TS1128: Declaration or Statement expected というエラーでビルドに失敗するが、コードを提供すると期待通りに実行される。
-
[解決済み] CLIでコンポーネントを削除する最も良い方法は何ですか?
-
[解決済み] ReferenceError: localStorageが定義されていません。
-
[解決済み] AngularのngClassとトグルクラスのクリックイベント
-
[解決済み] Angular 6 Error trying to diff '[object Object]'. 配列と反復記号のみが許可されます。
-
[解決済み] Angularアプリのシンタックスエラー。予期しないトークン <
-
[解決済み] Angular2の素材ダイアログに問題あり - @NgModule.entryComponentsに追加しましたか?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】ERR_INVALID_HTTP_RESPONSEをAngular 7とASP.Net Core 2.2を使ってGoogle Chromeブラウザーで使用する場合
-
[解決済み】Angularで実際のエラーメッセージの代わりに「Http failure response for (unknown url): 0 Unknown Error」が表示されるのですが。
-
[解決済み】Angular: オブジェクトをサポートしているdiffが見つからない '[object Object]'
-
[解決済み] チョキダーからのエラー(C:┣ᴗ┣)。Error: EBUSY: resource busy or locked, lstat 'C:\DumpStack.log.tmp.
-
[解決済み] <selector>' が Angular コンポーネントの場合、それがこのモジュールの一部であることを確認する。
-
[解決済み] Electron - ローカルリソースのロードが許可されていません
-
[解決済み] Angular 2でディレイを作成する方法
-
[解決済み] Angular 2 : NgModule のメタデータが見つかりません。
-
[解決済み] Angular 4 - "BrowserAnimationsModule "または "NoopAnimationsModule "のいずれかをアプリケーションに組み込んでください。
-
SpringBoot + STOMPのチャットルーム(シングルチャット+マルチチャット)およびグループメッセージの詳細