AngularJS でルーティング ページをリロードする方法

php中世界最好的语言
リリース: 2018-04-11 14:43:52
オリジナル
2416 人が閲覧しました

今回は、AngularJSルーティングページをリロードする方法、AngularJSがルーティングページをリロードする際の注意事項についてお届けします。以下は実際的なケースです。見てみましょう。

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

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

Boolean

type パラメータを渡すだけでなく、

string および objecttype パラメータも渡すことができます。親ルートを更新せずに現在のルーティング ページを更新するだけの場合は、 のパラメータ値を変更できます。現在のルーティング ページ ID として設定します。 りー あるいは、$state.reload();

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

$state.reload('app.toMenu');現在のページをロードします;

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

<a href="" ng-click=" rel="external nofollow" reloadCurPage()">
<!-- controller里面 $scope -->
$scope.reloadCurPage = function(){
 $state.reload('app.toMenu');
}
ログイン後にコピー
この記事のケースを読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

JS で文字列連結を拡張する方法


element-ui バインディング @keyup イベントが無効なのはなぜですか?

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!