CheolCheol Dev Note

Angular Router는 Angular의 핵심기능 중 하나인데 여기서 파라미터를 보내는 방법을 작성하겠다. 라우터를 선언하는 부분은 다음과 같이 가정하고 { path: 'move/:param', component: MoveComponent }, 하면 template나 component에서는 다음과 같이 사용할 것이다. template 이라하고 param값을 넣어주면 :param에 값이 전달되는 식이다. component this.router.navigate(['/move', param]); 그리고 받는쪽에서는 다음과 같이 사용할 것이다. (여러가지 방법이 있음 ) // 방법1this.activatedRoute.params.subscribe( params => { this.sq = params['par..

SPA(Single Page Application) 인 Angular는 자신의 라우터링크를 누르면 아무 반응이 없는데 이 대신 새로고침으로 하게 하는 편법이 있다. import { Router, NavigationEnd } from '@angular/router'; ngOnInit(){ this.router.routeReuseStrategy.shouldReuseRoute = function(){ return false; }; this.router.events.subscribe((evt) => { if (evt instanceof NavigationEnd) { this.router.navigated = false; window.scrollTo(0, 0); } }); } 참조 : https://github...