Angular CLI를 사용하여 경로를 생성하는 단계에 대한 자세한 설명
- php中世界最好的语言원래의
- 2018-05-03 14:31:181801검색
이번에는 Angular CLI 생성 라우팅단계에 대해 자세히 설명하고, Angular CLI 생성 경로에 주의 사항이 무엇인지 소개해 드리겠습니다.
ng g module admin을 사용하면 관리 모듈이 생성된다는 것을 알고 있습니다.
그리고 ng g m sales --routing을 사용하면 sales 및 sales-routing이라는 두 개의 모듈이 생성됩니다.
sales-routing에는 라우팅 정보가 포함됩니다.
애플리케이션에 대한 라우팅을 생성합니다.
먼저 프로젝트를 생성합니다:
ng new my-routing --routing
두 개의 모듈이 생성되는 것을 볼 수 있습니다.
라우팅 모듈을 살펴보세요:
앱 모듈을 다시 보세요.
AppRoutingModule을 가져왔습니다.
app.comComponent.html을 다시 보세요.
router-outlet이 작성되었습니다.
다음으로, 두 개의 구성요소를 더 생성합니다:
ng g c dashboard ng g c order
그런 다음 app-routing.module에서 라우팅을 설정합니다:
그런 다음 html을 수정합니다:
애플리케이션을 실행합니다: ng Serve -o
음. 문제 없습니다.
응용 프로그램에 여러 모듈이 있는 경우입니다.
다른 모듈을 생성하고 라우팅 모듈을 가져옵니다(먼저 -d 매개변수를 사용하여 생성할 파일을 볼 수 있습니다). 생성됨) :
ng g m admin --routing
관리 모듈에서 다른 관리 구성 요소를 만듭니다.
ng g c admin ng g c admin/email -m admin ng g c admin/user -m admin
사실 마지막 두 명령의 -m 매개변수는 admin/ 경로가 지정되었기 때문에 제거될 수 있습니다. 기본적으로 관리 모듈에 있어야 합니다. 앱 모듈 대신 선언을 합니다.
그런 다음 app.module을 수정해야 합니다.
관리 모듈을 추가합니다.
그런 다음 admin.comComponent.html을 수정하고 router-outlet을 추가합니다. :
그런 다음 admin -routing.module.ts를 수정하세요:
실행: ngserv -o
주소를 직접 입력하세요: http://localhost:4200/admin
볼 수 있습니다:
그리고 URL을 입력하세요: http: //localhost:4200/admin/email
다음이 표시됩니다:
문제 없습니다.
Gurad를 생성합니다.
ng g guard xxx
이 명령은 xxx를 생성합니다 .guard.ts
이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
추천 자료:
Angular 구성 요소 상호 작용 단계에 대한 자세한 설명
jQuery가 트리거 버튼 이벤트를 입력하도록 만드는 방법
위 내용은 Angular CLI를 사용하여 경로를 생성하는 단계에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!