Angular Макет FxFlex - PullRequest
       2

Angular Макет FxFlex

0 голосов
/ 26 мая 2020

Я изучаю FxFlex вместо использования Bootstrap вместе с Angular Материалом. И я выдергиваю волосы. В Интернете не так много документации и примеров, а те, которые существуют, не так полезны. Система кажется довольно простой, но меня это сбивает с толку.

По сути, у меня есть стол и кнопка. Я хочу разместить кнопку справа на странице и таблицу под ней. Кажется, я не могу переместить кнопку справа от экрана с помощью FxFlex. В bootstrap я бы использовал float или col-offset, но здесь система сетки на самом деле недоступна.

Я вижу учебные пособия по размещению группы элементов, но не одного элементаm.

Я ищу опыт, подобный сетке.

Ниже приведен не фактический код, а только приблизительный. Но концепция та же. Создайте контейнер столбца. Внутри создайте ряд, возможно, с оберткой. Затем внутри них есть элементы, и в каждом элементе вы можете использовать fxFlex = "" для изменения размера / размещения. Ничего из этого не позволяет мне разместить кнопку в правой части страницы

<div fxLayout="column">
  <div fxFlexLayout="row" fxLayoutAlign="end">
    <button>Submit</button>
  </div>
</div>



...