Положение div с использованием css, когда данные есть, а когда данных нет - PullRequest
0 голосов
/ 24 апреля 2020

Я хочу разместить div в конце страницы, когда у меня нет данных, и разместить тот же div после контента, когда у меня есть данные.

Ответы [ 3 ]

3 голосов
/ 24 апреля 2020

Чтобы переупорядочить div, вы можете упорядочить div, используя angular flex layout и использовать свойство fxFlexOrder.

<div fxLayout="row">
  <div fxFlexOrder="4">1. One</div>
  <div fxFlexOrder="2">2. Two</div>
  <div fxFlexOrder="3">3. Three</div>
  <div fxFlexOrder="1">4. Four</div>
</div>

fxFlexOrder может быть задано как значение Dynami c и изменено в зависимости от ваших условий

https://github.com/angular/flex-layout/wiki/fxFlexOrder-API

0 голосов
/ 28 апреля 2020

Просто добавьте * ngIf = "data" в элемент html и расположите его, используя css.

0 голосов
/ 24 апреля 2020

Вы можете задать начальный css, когда данных нет, и вызвать метод, когда данные доступны, где вы можете установить новый css через javascript.

<div id="selectIt"  style="display: none">

</div>

Внутри ts:

if(data){
const myelem = document.getElementById('selectIt');
   myelem.style.display = 'block';
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...