programing

각도 라우팅이란 무엇입니까?

javamemo 2023. 7. 14. 23:21
반응형

각도 라우팅이란 무엇입니까?

저는 이 주제가 처음입니다.리눅스 mint 17에서 Angular CLI를 사용하여 Firebase 웹 앱을 만들기 시작하려고 합니다.Angular 라우팅에 대해 묻습니다.

각도 라우팅이란 무엇입니까?제가 뭐라고 대답해야 하나요?

그들이 이미 말했듯이, 라우팅을 사용하면 응용프로그램의 다른 보기로 이동할 수 있습니다.그것은 사용자들을 웹 앱 내의 다른 목적지로 데려가는 주요 방법입니다.예를 들어 홈 페이지에서 연락처 페이지까지 경로, 즉 경로 또는 방법이 필요합니다.이 개념은 Angular에 국한되지 않습니다.에서 볼 수 있는 입니다.ASP.Net,Ruby on Rails,Django,Laravel계속)

당신이 대답해야 할 것.네라고 대답하세요.당신은 시작하고 있기 때문에 시작할 기본적인 구조가 있을 것이기 때문에 좋습니다.성숙해짐에 따라 자신만의 경로를 설정하고 미들웨어를 사용하여 경로를 관리할 수 있습니다.

각도 라우터를 사용하면 사용자가 응용프로그램 작업을 수행할 때 한 보기에서 다음 보기로 이동할 수 있습니다.

Angular의 라우팅에 대한 자세한 내용은 https://angular.io/guide/router 을 참조하십시오.

"예"라고 말하면 CLI가 자동으로 라우터 구성을 프로젝트에 추가합니다.

최신 CLI로 Angular 프로젝트를 만드는 경우 Angular CLI에서 새로 도입한 기능인 Angular 라우팅을 프로젝트에 추가하라는 메시지가 표시됩니다.프로젝트를 만들 때 'Y'를 입력하면 'app-routing.module.ts'가 추가됩니다. 그렇지 않으면 해당 파일이 추가되지 않습니다.그러나 라우팅 기능은 'app.module.ts' 파일에 포함됩니다.

따라서 Angular를 처음 사용하는 경우옵션 모두영향을 주지 않습니다.Angular Routing 개념을 배우면 더 나은 아이디어를 얻을 수 있습니다.

각도 라우팅에 대한 자세한 내용은 각도 공식 라우팅 문서를 참조하십시오.

이것을 시도할 수 있습니다.

ng new demo-app --routing --style=sass

그러면 라우팅 모듈이 추가되고 스타일이 미리 sass로 설정되므로 요청하지 않고 수행할 수 있습니다.

참고: 추할수있다니를 도 있습니다.--strict 검사를 더엄격한유검요를는구것위피을해하기하사.ng new demo-app --routing --style=sass --strict

각도 라우팅은 사용자가 작업을 수행할 관련 페이지로 이동하는 방법입니다.즉, 하나의 각진 앱에 여러 개의 구성요소가 있을 수 있습니다.라우팅은 이러한 구성 요소 간의 연결을 구현하는 방법입니다.가 yes를 합니다.app-routing.module.ts파일을 앱 폴더에 저장합니다.아래 예제와 같이 구성 요소 정보 및 URL 설정을 해당 파일에 추가할 수 있습니다.

import { Routes, RouterModule } from '@angular/router';
import { AdminOrganizationComponent } from './admin-organization/admin-organization.component';
import { LoginComponent } from './login/login.component';    

const routes: Routes = [
  {
    path: '',
    component: LoginComponent,  //Go to login page
  },
  {
    path: 'organizations',
    component: AdminOrganizationComponent, //Go to organization page
  },
  { path: '**', redirectTo: 'login', pathMatch: 'full' } //If path is not match to, redirect to login page
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
})
export class AppRoutingModule {}

각도 라우팅을 사용하면 사용자가 작업을 수행할 때 한 뷰에서 다른 뷰로 이동할 수 있습니다.지시에 따라 경로를 지정합니다.예.버튼을 클릭하면 1페이지에서 2페이지로 이동할 수 있습니다.

각도 설명서를 읽습니다.https://angular.io/guide/router

이것도 시도해 볼 수 있습니다.

ng new app --routing

각도 응용 프로그램은 입력 및 출력을 사용하여 서로 통신하는 구성 요소(또는 구성 요소 트리)의 계층 구조로 구축됩니다.구성 요소는 에서 메타 정보로 지정된 구성 요소의 템플릿을 사용하여 렌더링되는 화면의 패치를 제어합니다.@Component장식가

데코레이터는 클래스를 Angular 구성요소로 표시하고 구성요소가 처리, 인스턴스화 및 런타임에 사용되는 방법을 결정하는 구성 메타데이터를 제공합니다.

Angular 라우팅을 사용하면 Angular 플랫폼의 필수 요소인 Angular 라우터 덕분에 URL에 여러 뷰를 매핑할 수 있습니다.개발자는 경로 및 구성요소를 사용하여 여러 상태 및 보기를 가진 단일 페이지 응용프로그램을 작성할 수 있으며, 다양한 구성요소 간의 클라이언트 측 탐색 및 라우팅이 가능합니다.Angular development의 핵심 팀에 의해 구축 및 유지보수되고 있으며 이는 다음과 같습니다.@angular/router꾸러미

라우터가 구성요소의 단일 또는 계층 구조를 특정 URL에 매핑하기 때문에 Angular의 라우팅을 구성요소 라우팅이라고도 합니다.

기본 수준에서 라우팅을 사용하면 각도가 다른 "페이지" 또는 구성요소를 표시할 수 있습니다.프로그램에서 페이지를 탐색하려면 해당 페이지를 사용할 수 있습니다.추가하면 아무 것도 아프지 않을 텐데, 사용하지 마세요.당신의 앱은 조금 더 커질 것입니다.

언급URL : https://stackoverflow.com/questions/54966153/what-is-angular-routing

반응형