Angular2 tương đương với mẫu thừa kế

Question

Trong ứng dụng angular2 của tôi, tôi có AppModule, các AppComponent (chỉ bao gồm bộ định tuyến-ổ cắm) và một LoginComponent:

<form><input type="password"></form> 

... và một danh sách với tài liệu (DocumentsComponent):

<nav>...</nav> 
<ul> 
<li>Document A</li> 
<li>Document B</li> 
<li>Document C</li> 
</ul> 

... và một danh sách với người dùng (UsersComponent):

<nav>...</nav> 
<ul> 
<li>User A</li> 
<li>User B</li> 
<li>User C</li> 
</ul> 

Các shoul đăng nhập d ở chế độ toàn màn hình. Vì vậy, không có điều hướng. Trên tất cả các thành phần khác, cần có một điều hướng. Vì vậy, trong ứng dụng thực sự, nó không chỉ là điều hướng. Có rất nhiều thành phần khác xung quanh nội dung.

Trong Twig tôi sẽ sử dụng một cái gì đó như mở rộng. Nhưng tôi biết rằng cấu trúc và ý tưởng về khuôn mẫu trong Góc là khác nhau.

Vậy tôi nên đặt "trình bao bọc" (điều hướng, chân trang, ...) và hiển thị nó trong tài liệu và UsersComponent nhưng không phải trong LoginComponent, RegisterComponent, ErrorComponent, ....?

Answer 1

sử dụng child routes

hoặc nếu người dùng của bạn không đăng nhập, hình thức đăng nhập chỉ cần đặt trước ứng dụng với vị trí cố định để che giấu tất cả mọi thứ từ người dùng - điều này rất dễ dàng nhưng giải pháp bẩn loại

bạn có thể cũng sử dụng hierarchical di để đặt một số thành phần mà bạn muốn

hoặc Compile thành phần của bạn theo cách năng động nhưng đây là kịch bản tồi tệ nhất tại đây