AngularJS에 따라 현재 라우팅 페이지를 다시 로드하는 방법은 무엇입니까?

亚连
풀어 주다: 2018-05-31 15:35:21
원래의
1639명이 탐색했습니다.

이제 AngularJS에서 현재 라우팅 페이지를 다시 로드하는 방법을 공유하겠습니다. 이는 좋은 참고 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.

이 문제도 오랫동안 고민했습니다. 인터넷에 다양한 답변이 있지만 그 어느 것도 해결할 수 없습니다. 마침내 인터넷에서 오랫동안 검색하여 마스터의 해결 방법을 보고 정리했습니다. 공유하려면 ui-router를 사용하여 현재 페이지를 다시 로드하는 문제입니다. (ui-router 버전은 0.2.14 이상이어야 합니다)

Angle을 사용하여 프로젝트를 수행할 때 현재 페이지를 새로 고치고 현재 페이지를 로드하려면 메뉴를 클릭해야 하지만 클릭해도 응답이 없는 경우가 있습니다.

라우팅 페이지 app.toMenu ;

<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="app.toMenu" ui-sref-opts="{reload:true}">
<!-- 网上普遍都说这样刷新,但这个是整个页面也同时都刷新了 -->
로그인 후 복사

실제로 재로드는 부울 매개변수 외에도 문자열 및 개체 매개변수도 전달할 수 있다고 가정합니다. 상위 경로를 새로 고치면 다시 로드 매개변수를 전달할 수 있습니다. 값은 현재 라우팅 페이지 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;);
}
로그인 후 복사

참고: 식별자가 변수인 경우

<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" ui-sref="{{k.value}}" ui-sref-opts="{reload:&#39;{{k.value}}&#39;}">
로그인 후 복사

위 내용은 모든 사람을 위해 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

JavaScript의 일반적인 작업 방법 및 문자열의 특수 문자

jQuery에서 각 방법의 사용에 대한 자세한 설명

jquery는 드래그 파일 업로드 로딩 진행 표시줄 기능을 구현합니다

위 내용은 AngularJS에 따라 현재 라우팅 페이지를 다시 로드하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿