Descripción general de las directivas del administrador de diseño Angular

    Las directivas de diseño Ignite UI for Angular permiten a los desarrolladores especificar una dirección de diseño para cualquier elemento secundario del contenedor al que se aplica. El diseño puede fluir vertical u horizontalmente, con controles para el ajuste, la justificación y la alineación.

    Angular Layout Manager Example

    Usage

    Utilice la directiva igxLayout en un elemento contenedor para especificar la dirección del diseño para sus hijos:

    Horizontally with Row direction

    UsarigxLayoutDir="row".

    Vertically with Column direction

    UsarigxLayoutDir="column".

    Note

    Orden inverso usandoigxLayoutReverse="true".

    Customize the order of the elements

    Personaliza el orden del elemento usandoigxFlexOrder.

    Change element spacing

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

    Position elements along the main axis

    ÚsaloigxLayoutJustify="flex-start | center | flex-end" para especificar la posición de los elementos a lo largo del eje principal según tus preferencias.

    Position elements along the cross axis

    ÚsaloigxLayoutItemAlign="flex-start | center | flex-end" para especificar la posición de los elementos a lo largo del eje transversal según tus preferencias.

    You can also wrap elements

    UsarigxLayoutWrap="wrap".

    Note

    LaigxLayout directiva afecta a las direcciones de flujo de los hijos inmediatos de ese contenedor.

    Nesting

    Utiliza laigxFlex directiva para los elementos dentro de unigxLayout padre para controlar propiedades específicas de flexbox.

    API References