Angular 레이아웃 관리자 지침 개요

    Ignite UI for Angular 하면 개발자가 적용되는 컨테이너의 모든 자식에 대한 레이아웃 방향을 지정할 수 있습니다. 레이아웃은 수직 또는 수평으로 흐를 수 있으며 래핑, 정렬 및 정렬을 위한 컨트롤이 있습니다.

    Angular Layout Manager Example

    Usage

    컨테이너 요소에 igxLayout 지시문을 사용하여 해당 하위 항목의 레이아웃 방향을 지정합니다.

    Horizontally with Row direction

    사용하세요igxLayoutDir="row".

    Vertically with Column direction

    사용하세요igxLayoutDir="column".

    Note

    역순 사용igxLayoutReverse="true" 법.

    Customize the order of the elements

    원소의 순서를 다음과 같이 맞춤 설정할 수 있습니다.igxFlexOrder​

    Change element spacing

    사용하세요igxLayoutJustify="space-between | space-around".

    Position elements along the main axis

    ​igxLayoutJustify="flex-start | center | flex-end"원소 위치를 주축에 따라 선호하는 대로 지정하세요.

    Position elements along the cross axis

    ​igxLayoutItemAlign="flex-start | center | flex-end"원소의 위치를 가로축을 따라 원하는 대로 지정하세요.

    You can also wrap elements

    사용하세요igxLayoutWrap="wrap".

    Note

    ​igxLayout이 지시는 해당 컨테이너의 즉각 적인 자식들의 흐름 방향에 영향을 미칩니다.

    Nesting

    부모 내igxFlex 요소의 명령어를 사용하여igxLayout 특정 플렉스박스 속성을 제어하세요.

    API References