«angular2-routing» 태그된 질문

저는 Angular 2, Google Maps 등을 사용하여 부동산 웹 사이트를 만들고 있으며 사용자가지도의 중심을 변경하면지도의 현재 위치와 반경을 나타내는 API를 검색합니다. 문제는 전체 페이지를 다시로드하지 않고 URL에 해당 값을 반영하고 싶습니다. 가능합니까? AngularJS 1.x를 사용하는 몇 가지 솔루션을 찾았지만 Angular 2에 대해서는 아무것도 찾지 못했습니다.

113 javascript  angular  routes  angular2-routing 

사용자가 내 Angular 2 앱의 특정 페이지를 떠나기 전에 저장되지 않은 변경 사항에 대해 경고하고 싶습니다. 일반적으로을 사용 window.onbeforeunload하지만 단일 페이지 응용 프로그램에서는 작동하지 않습니다. 앵귤러 1에서 $locationChangeStart이벤트에 연결 confirm하여 사용자를 위해 상자 를 던질 수 있지만 앵귤러 2에서이 작업을 수행하는 방법 또는 해당 이벤트가 여전히 존재하는지 보여주는 내용을 본 …

112 angular  angular2-routing 

우리는 하나의 angular2 프로젝트를 설정하고 내부에 하나의 모듈 (my-module)을 생성했고 그 모듈 내부에 다음 cmd 명령을 사용하여 하나의 컴포넌트 (my-new-component)를 생성했습니다. ng new angular2test cd angular2test ng g module my-module ng generate component my-new-component 설정 및 모든 구성 요소를 만든 후 ng testangular2test 폴더 내의 cmd에서 명령을 실행했습니다 . 아래 …

111 unit-testing  angular  karma-jasmine  angular2-routing  angular-cli 

현재 URL이있는 페이지에 있다고 가정합니다 /user/:id. 이제이 페이지에서 다음 페이지로 이동합니다 :id/posts. 이제 방법이 있습니까? 그러면 이전 URL이 무엇인지 확인할 수 있습니다 /user/:id. 아래는 내 경로입니다 export const routes: Routes = [ { path: 'user/:id', component: UserProfileComponent }, { path: ':id/posts', component: UserPostsComponet } ];

104 angular  angular2-routing 

저는 이러한 역할을 기반으로 앱의 일부에 대한 탐색을 차단하기 위해 가드를 사용해야하는 많은 역할이있는 앱을 작업하고 있습니다. 각 역할에 대해 개별 가드 클래스를 만들 수 있지만 어떻게 든 매개 변수를 전달할 수있는 하나의 클래스를 갖고 싶습니다. 즉, 다음과 유사한 작업을 수행하고 싶습니다. { path: 'super-user-stuff', component: SuperUserStuffComponent, canActivate: [RoleGuard.forRole('superUser')] } …

103 angular  typescript  angular2-routing 

각도 프런트 엔드가있는 mvc 5 프로젝트가 있습니다. 이 튜토리얼 https://angular.io/guide/router에 설명 된대로 라우팅을 추가하고 싶었습니다 . 그래서 _Layout.cshtml나는 <base href="/"> 내 app.module에서 내 라우팅을 만들었습니다. 그러나 이것을 실행하면 다음과 같은 오류가 발생합니다. Error: Template parse errors: 'router-outlet' is not a known element: 1. If 'router-outlet' is an Angular component, then …

103 angular  typescript  asp.net-mvc-5  angular2-routing 

서버로 이동하여 개체를 가져 오는 부모 구성 요소가 있습니다. // parent component @Component({ selector : 'node-display', template : ` <router-outlet [node]="node"></router-outlet> ` }) export class NodeDisplayComponent implements OnInit { node: Node; ngOnInit(): void { this.nodeService.getNode(path) .subscribe( node => { this.node = node; }, err => { console.log(err); } ); } …

102 angular  dependency-injection  angular2-routing 

나는이 AuthGuard 가 구현 (라우팅에 사용) CanActivate을 . canActivate() { return this.loginService.isLoggedIn(); } 내 문제는 CanActivate-결과가 HTTP-GET-결과에 달려 있다는합니다 - LoginService를 다시 표시 관찰 가능한 . isLoggedIn():Observable<boolean> { return this.http.get(ApiResources.LOGON).map(response => response.ok); } 그것들을 어떻게 모을 수 있습니까? CanActivate가 백엔드 상태에 의존하도록 만들 수 있습니까? # # # # # …

94 angular  angular2-routing  angular2-http 

개체를 편집하는 데 사용되는 구성 요소를 단위 테스트하고 있습니다. 개체에는 id서비스에서 호스팅되는 개체 배열에서 특정 개체를 가져 오는 데 사용되는 고유 한 항목 이 있습니다. 특정 항목 id은 특히 ActivatedRoute클래스 를 통해 라우팅을 통해 전달되는 매개 변수를 통해 조달됩니다 . 생성자는 다음과 같습니다. constructor(private _router:Router, private _curRoute:ActivatedRoute, private _session:Session) { …

93 unit-testing  angular  angular2-routing  angular2-testing 

닫힘 . 이 질문은 세부 사항이나 명확성 이 필요 합니다 . 현재 답변을 받고 있지 않습니다. 이 질문을 개선하고 싶으십니까? 이 게시물 을 편집 하여 세부 정보를 추가하고 문제를 명확히합니다 . 휴일 삼년 전에 . 이 질문 개선 Angular 2에서 현재 페이지를 어떻게 다시로드 할 수 있습니까? 페이지 2 (페이지 …

85 angular  refresh  angular2-routing  reload  page-refresh 

노선 const appRoutes: Routes = [ { path: '', redirectTo: '/companies/unionbank', pathMatch: 'full'}, { path: 'companies/:bank', component: BanksComponent }, { path: '**', redirectTo: '/companies/unionbank' } ] 구성 요소 const NAVBAR = [ { name: 'Banks', submenu: [ { routelink: '/companies/unionbank', name: 'Union Bank' }, { routelink: '/companies/metrobank', name: 'Metro Bank' …

84 angular  angular2-routing 

동일한 템플릿에 여러 라우터 콘센트를 사용할 수 있습니까? 그렇다면 경로를 구성하는 방법은 무엇입니까? angular2 베타를 사용하고 있습니다.

83 angular  angular2-routing  angular2-template 

Angular2 라우터 가드를 사용하여 내 앱의 일부 페이지에 대한 액세스를 제한하려고합니다. Firebase 인증을 사용하고 있습니다. 사용자가 중포 기지로 로그인되어 있는지 확인하기 위해, 나는 호출이 .subscribe()온 FirebaseAuth콜백와 객체입니다. 이것은 경비원의 코드입니다. import { CanActivate, Router, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router'; import { AngularFireAuth } from "angularfire2/angularfire2"; import { Injectable } from …

82 typescript  angular  angular2-routing 

깊은 자식 경로가있는 경로를 만들었습니다. NgModule에 래핑 <router-outlet>한 AdminComponent 구성 요소에 추가 했습니다 . 하지만 페이지를 새로 고친 후이 오류가 발생했습니다. 'router-outlet' is not a known element admin.module.ts로 일부 모듈을 가져 오는 것을 잊었 기 때문에 발생했을 수 있습니다. 도와주세요. 감사. app.routes.ts export const routes: Routes = [ { path: …

79 angular  angular2-routing 

상위 구성 요소에서 RouteParams를 가져 오려면 어떻게해야합니까? App.ts: @Component({ ... }) @RouteConfig([ {path: '/', component: HomeComponent, as: 'Home'}, {path: '/:username/...', component: ParentComponent, as: 'Parent'} ]) export class HomeComponent { ... } 그런 다음에서 ParentComponent사용자 이름 매개 변수를 쉽게 얻고 자식 경로를 설정할 수 있습니다. Parent.ts: @Component({ ... }) @RouteConfig([ { …

79 angular  angular2-routing