Visão geral das diretivas do Angular Layout Manager

    As diretivas de layout do Ignite UI for Angular permitem que os desenvolvedores especifiquem uma direção de layout para quaisquer filhos do contêiner ao qual ele é aplicado. O layout pode fluir vertical ou horizontalmente, com controles para quebra, justificação e alinhamento.

    Angular Layout Manager Example

    Usage

    Use a diretiva igxLayout em um elemento de contêiner para especificar a direção do layout para seus filhos:

    Horizontally with Row direction

    UseigxLayoutDir="row".

    Vertically with Column direction

    UseigxLayoutDir="column".

    Note

    Ordem inversaigxLayoutReverse="true" usando.

    Customize the order of the elements

    Personalize a ordem do elemento usandoigxFlexOrder.

    Change element spacing

    UseigxLayoutJustify="space-between | space-around".

    Position elements along the main axis

    UseigxLayoutJustify="flex-start | center | flex-end" para especificar a posição dos elementos ao longo do eixo principal de acordo com suas preferências.

    Position elements along the cross axis

    UseigxLayoutItemAlign="flex-start | center | flex-end" para especificar a posição dos elementos ao longo do eixo transversal de acordo com suas preferências.

    You can also wrap elements

    UseigxLayoutWrap="wrap".

    Note

    AigxLayout diretriz afeta as direções de fluxo dos filhos imediatos desse contêiner.

    Nesting

    Use aigxFlex diretiva para elementos dentro de umigxLayout pai para controlar propriedades específicas do flexbox.

    API References