목록Angular Router (4)

깜놀하는 해므찌로

Angular router params 데이터 받기 예시

ngOnInit() { const item = this.orderService .getItems() .find((_item) => _item.id === +this.activateRoute.snapshot.params['id']); if (item) { this.order = item; this.setPage(); } } 1. + 사용 시 문자열 -> 넘버타입으로 쉽게 변경 가능
IT 2023. 6. 23. 15:07
app.config ionic / router outlet / angular router

1. app-template 2. layout-template import { ApplicationConfig, importProvidersFrom } from '@angular/core'; import { Route } from '@angular/router'; import { IonicModule } from '@ionic/angular'; import { LayoutPage } from './layout/layout.page'; import { BrowserModule } from '@angular/platform-browser'; import { provideRouter, withEnabledBlockingInitialNavigation, RouteReuseStrategy, } from '@ang..
IT 2023. 6. 5. 14:37
Angular route config 가져와서 사용하기 예시

import { Route } from '@angular/router'; import { LayoutPage } from './pages/layout/layout.page'; export const appRoutes: Route[] = [ { path: '', title: '테스트', component: LayoutPage, children: [ { path: '', title: '테스트 - 홈', data: { menu: false }, loadComponent: () => import('./pages/index/index.page').then((m) => m.IndexPage), }, { path: 'video', title: '테스트 - 영상', data: { menu: true, // true =..
IT 2023. 5. 22. 13:41
Angular Router 앵귤러 라우터 작성 방법

import { Routes } from '@angular/router'; import { DashboardPage } from './pages/dashboard/dashboard.page'; import { BranchPage } from './pages/branch/branch.page'; import { EmployeePage } from './pages/employee/employee.page'; import { OrderPage } from './pages/order/order.page'; import { FaqPage } from './pages/faq/faq/faq.page'; import { OneOnonePage } from './pages/oneOnone/one-onone/one-ono..
IT 2023. 4. 14. 10:27
이전 Prev 1 Next 다음