다음과 같이 라우팅 Path 를 설정해주고.
--- app-routing.module.ts ---------
import { AaaComponent } from ' ./ aaa.component '
const routes: Routes= [
{ path : 'aaa/:param', component: AaaComonent' } ,
]
-----------------------------------
라우팅 시킬 네비게이션메뉴 등에서 다음과 같은 (click) 함수를 쓸것이다.
--- nav.component.ts --------------
gotoAaaComp() {
this.router.navigate([`/aaa/${this.data}`]);
}
-----------------------------------
--- nav.component.html-------------
<a class="bottons" (click)="gotoAaaComp()" >
-----------------------------------
'Angular.js' 카테고리의 다른 글
테스트 방법 ( jest + Enzyme) (0) | 2020.09.16 |
---|---|
비동기 처리 (0) | 2020.08.21 |
Visual Studio Code 에서 Tab키가 정상작동 하지 않을경우 (1) | 2020.08.10 |
Angular http 통신 등의 결과를 subscribe로 받아올때 에러가 return된다면? (0) | 2020.08.04 |
OAuth2 로그인 scope 여러개 지정하기 복수 (1) | 2020.07.31 |