Tài liệu của tôi

Thanh bên đa gốc

flex-layout

  • Getting Started

  • Guides

  • Reference

typed-rx-http

  • Getting Started

  • Guides

  • Reference

global-rx-state

  • Getting Started

  • Guides

  • Reference

webflux-fe-dev-assistant

reactive-mongo-dsl

Bố cục cơ bản

Quy tắc cấu hình cơ bản nhất của FlexLayout + FlexLayoutContainer.


Cấu trúc cơ bản

FlexLayoutlà một layout phân chia theo một hướng (hàng/cột), và các phần tử con được cấu thành bởi FlexLayoutContainerNếu là Fragment, sẽ được phẳng hóa và xử lý lại, nhưng tốt nhất là luôn giữ đơn vị panel thực tế với tên container.

tsx
Quy tắc layoutName / containerName

layoutName

레이아웃 단위의 고유 이름입니다. resize memory, container ref store, split screen store가 이 이름을 기준으로 묶입니다.

containerName

각 패널의 고유 이름입니다. open/close, double click, size observe, drag/drop target 식별에 사용됩니다.

direction

row는 좌우 분할, column은 상하 분할입니다.

Layout lồng ghép

Nếu bạn muốn đặt phân chia theo chiều dọc bên trong phân chia trái phải trên cùng một màn hình, hãy đặt một container khác bên trong. FlexLayoutMỗi layout phải có layoutNamekhác nhau để tránh xung đột store.

tsx
© 2026 Byeolnaerim. Bảo lưu mọi quyền.Giới thiệuChính sách xử lý thông tin cá nhân