AngularJS でルーティングページをリロードする方法-jsチュートリアル-php.cn

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

php中世界最好的语言

リリース： 2018-04-11 14:43:52

オリジナル

2368 人が閲覧しました

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