AngularJSに従って現在のルーティングページをリロードする方法は何ですか?

亚连
リリース: 2018-05-31 15:35:21
オリジナル
1629 人が閲覧しました

ここで、AngularJS で現在のルーティング ページをリロードする方法を共有します。これは優れた参考値であり、皆さんの役に立つことを願っています。

この問題も長い間私を悩ませていました。インターネット上にはさまざまな答えがありますが、どれも解決できませんでした。インターネットで長い間検索した結果、マスターからの解決策を見つけました。共有するためにコンパイルしました。現在のページをリロードするために ui-router を使用する際の問題。 (ui-router バージョンは 0.2.14 以降である必要があります)

angular でプロジェクトを実行する場合、メニューをクリックして現在のページを更新し、現在のページをロードする必要がありますが、クリックしても応答がありません。同じルーティング ページ上で、

ルーティング ページ app.toMenu ;

<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="app.toMenu" ui-sref-opts="{reload:true}">
<!-- 网上普遍都说这样刷新,但这个是整个页面也同时都刷新了 -->
ログイン後にコピー

実際、現在のルーティング ページを更新するだけの場合は、ブール値パラメータを渡すだけでなく、文字列パラメータやオブジェクト パラメータも渡すことができます。親ルートを更新すると、reload のパラメータを渡すことができます。値は現在のルーティング ページ ID に設定されます。

<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="app.toMenu" ui-sref-opts="{reload:&#39;app.toMenu&#39;}">
<!-- 这个方法刷新当前路由页面 -->
ログイン後にコピー

$state.reload();

$state.reload() を使用してページ全体をロードすることもできます;

$state.reload('app.toMenu'); を使用して現在のページをロードすることもできます。

注: 識別子が変数の場合

<a href="" ng-click=" rel="external nofollow" reloadCurPage()">
<!-- controller里面 $scope -->
$scope.reloadCurPage = function(){
 $state.reload(&#39;app.toMenu&#39;);
}
ログイン後にコピー
上記は、すべての人のためにまとめたものであり、将来的にはすべての人に役立つことを願っています。

関連記事:

JavaScriptの一般的な操作方法と文字列の特殊文字

jQueryの各メソッドの使い方を詳しく解説

jqueryはドラッグ・ファイルアップロード・読み込みプログレスバー機能を実現

以上がAngularJSに従って現在のルーティングページをリロードする方法は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート