«angular2-routing» 태그된 질문

Angular Routing은 사용자가 매번 서버에서 전체 페이지를 다시로드하지 않고도 다른보기로 이동할 수있는 SPA (단일 페이지 응용 프로그램) 사용자 인터페이스를 만들 수있는 기본 제공 기능입니다.

30
현재 경로를 얻는 방법
현재 문서는 실제 경로 세그먼트가 아닌 경로 매개 변수를 얻는 것에 대해서만 이야기합니다. 예를 들어 현재 경로의 부모를 찾으려면 어떻게 가능합니까?

14
마지막 페이지로 돌아가는 방법
Angular 2의 마지막 페이지로 돌아가는 현명한 방법이 있습니까? 같은 것 this._router.navigate(LASTPAGE); 예를 들어 C 페이지에는 Go Back버튼이 있습니다. 페이지 A-> 페이지 C, 클릭하여 페이지 A로 돌아갑니다. 페이지 B-> 페이지 C, 클릭하여 페이지 B로 돌아갑니다. 라우터에 이력 정보가 ​​있습니까?

30
Angular에서 활성 경로를 어떻게 결정합니까?
참고 : 여기에는 여러 가지 답변이 있으며 대부분 한 번에 유효합니다. 사실 Angular 팀이 라우터를 변경함에 따라 작동하는 내용이 여러 번 변경되었습니다. 결국 Angular 에서 라우터 가 될 Router 3.0 버전 은 이러한 솔루션 중 많은 부분을 손상 시키지만 자체적으로 매우 간단한 솔루션을 제공합니다. RC.3부터 선호되는 솔루션은 이 답변에[routerLinkActive] 표시된대로 …

23
Route Change에서 Angular 2 맨 위로 스크롤
Angular 2 앱에서 페이지를 아래로 스크롤하고 페이지 하단의 링크를 클릭하면 경로가 변경되고 다음 페이지로 이동하지만 페이지 상단으로 스크롤되지는 않습니다. 결과적으로 첫 번째 페이지가 길고 두 번째 페이지에 내용이 적은 경우 두 번째 페이지에 내용이 없다는 인상을줍니다. 내용은 사용자가 페이지 맨 위로 스크롤하는 경우에만 표시되므로 구성 요소의 ngInit에서 페이지 맨 위로 …



5
Angular 2-this.router.parent.navigate ( '/ about')를 사용하여 다른 경로로 이동하는 방법?
Angular 2 –를 사용하여 다른 경로로 이동하는 방법 this.router.parent.navigate('/about'). 작동하지 않는 것 같습니다. 나는 location.go("/about");그것이 효과가 없었던 것처럼 노력 했다. 기본적으로 사용자가 로그인하면 다른 페이지로 리디렉션하고 싶습니다. 아래 코드는 다음과 같습니다. import {Component} from 'angular2/angular2'; import {CORE_DIRECTIVES, FORM_DIRECTIVES} from 'angular2/angular2'; import {Router} from 'angular2/router'; import {AuthService} from '../../authService'; //Model class …

11
Angular2에서 외부 URL로 리디렉션하는 방법은 무엇입니까?
Angular 2에서 사용자를 완전히 외부 URL로 리디렉션하는 방법은 무엇입니까? 예를 들어 인증을 위해 사용자를 OAuth2 서버로 리디렉션해야하는 경우 어떻게해야합니까? Location.go(), Router.navigate()및 Router.navigateByUrl()각이 응용 프로그램 내에서 다른 섹션 (경로)에 사용자를 보내기위한 좋은,하지만 난 그들이 외부 사이트로 리디렉션하는 데 사용할 수있는 방법을 볼 수없는 이유는 무엇입니까?


6
'routerLink'는 알려진 속성이 아니므로 바인딩 할 수 없습니다
최근에 저는 각도 2를 가지고 놀기 시작했습니다. 지금까지는 굉장합니다. 그래서,를 사용하여 학습을 위해 데모 개인 프로젝트를 시작했습니다 angular-cli. 기본 라우팅 설정을 사용하면 헤더에서 일부 경로로 이동하고 싶지만 헤더가의 부모이므로이 router-outlet오류가 발생합니다. app.component.html <app-header></app-header> // Trying to navigate from this component <router-outlet></router-outlet> <app-footer></app-footer> header.component.html <a [routerLink]="['/signin']">Sign in</a> 이제 나는 그 구성 …

14
Angular 2에서 싱글 톤 서비스를 어떻게 만듭니 까?
부트 스트랩을 할 때 주입하면 모든 자식이 동일한 인스턴스를 공유해야하지만 내 기본 및 헤더 구성 요소 (주 응용 프로그램에는 헤더 구성 요소 및 라우터 콘센트가 포함됨)가 각각 별도의 서비스 인스턴스를 얻습니다. 페이스 북 자바 스크립트 API와 FacebookService를 사용하는 UserService를 호출하는 데 사용하는 FacebookService가 있습니다. 내 부트 스트랩은 다음과 같습니다. bootstrap(MainAppComponent, …

17
Angular 2의 수동 링크-<a href=“”> 동등
Angular 1.x에서는 기본적으로 아무것도하지 않는 링크를 만들기 위해 다음을 수행 할 수 있습니다. &lt;a href=""&gt;My Link&lt;/a&gt; 그러나 동일한 태그는 Angular 2의 앱 기반으로 이동합니다. Angular 2와 동일한 태그는 무엇입니까? 편집 : Angular 2 Router의 버그처럼 보이며 이제 github 에 공개 문제 가 있습니다. 즉시 사용 가능한 솔루션이나 아무것도 없다는 확인을 …


7
로그인 페이지로 각도 리디렉션
나는 Asp.Net MVC 세계에서 왔는데, 사용자가 인증되지 않은 페이지에 액세스하려고하면 자동으로 로그인 페이지로 리디렉션됩니다. Angular에서이 동작을 재현하려고합니다. @CanActivate 데코레이터를 건너 왔지만 구성 요소가 전혀 렌더링되지 않고 리디렉션이 발생하지 않습니다. 내 질문은 다음과 같습니다. Angular는이 동작을 달성하는 방법을 제공합니까? 그렇다면 어떻게? 좋은 습관입니까? 그렇지 않다면 Angular에서 사용자 인증을 처리하는 가장 좋은 …

11
RouterLink가 작동하지 않습니다
angular2 앱의 내 라우팅이 잘 작동합니다. 하지만 난에 따라 일부 routeLink를 만들려고하고 이 : 내 경로는 다음과 같습니다. const routes: RouterConfig = [ { path:'home' , component: FormComponent }, { path:'about', component: AboutComponent }, { path:'**' , component: FormComponent } ]; 그리고 내가 만든 링크는 다음과 같습니다. &lt;ul class="nav navbar-nav …

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.