Как работает директива ngIf?

Question

Магжан Биргебайулы @henhanshi

Маг

Angular

Как работает директива ngIf?

Есть у меня несколько DOM елементов:

<myComponent *myIfDirective="'xs'">1</myComponent>
<myComponent *myIfDirective="'lg'">2</myComponent>

Нужно написать свою директиву myIfDirective, которая работает точно так же как и ngIf. Нужно понять - какая функция отвечат за рендер объекта и как его можно замарозить.
Первый блок для мобильной версии, второй для десктопной.

Значю что можно сделать с помощью CSS, но в компоненте могут быть ajax запросы, которые будут влиять на производительность.

Вопрос задан более трёх лет назад
492 просмотра

Комментировать

Подписаться 1 Средний Комментировать

Answer 1 · 2018-08-04 15:53:24

Полностью решение вашей задачи https://github.com/ang5-examples/ui-kit/tree/maste...

<test-component *ifViewportSize="'small'" [value]="1"></test-component>
<test-component *ifViewportSize="'medium'" [value]="2"></test-component>
<test-component *ifViewportSize="'large'" [value]="3"></test-component>

Как работает директива ngIf?

Войдите на сайт