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

今回は、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 サイトの他の関連記事を参照してください。