Всем вечер добрый. Ребят, на ангуляре пишу недавно, до этого писал

Question

Всем вечер добрый. Ребят, на ангуляре пишу недавно, до этого писал

под реакт.

Хочу сделать следущее. На скриншоте компонент. Хочу, чтобы если slot aside не передан, то .aside-slot-wrapper{ display: none;}

я могу как-то может через @Input или еще как-то получать инфу о том переднно или нет слот и от ситуации применять тот или иной css класс?
Или я слышал что есть какие-то особые селекторы, может кто подсказать?

#angular #frontend #javascript #programming #russian

0

16.07.2022

12 ответов

15 просмотров

Владислав Баурин Автор вопроса

Alex
ngStyle или ngClass можешь использовать. В зависим...

Это я знаю. Как мне через Я могу получать доступ через @Input slot в компоненте? или может есть еще какой-то более элегантный способ?

0

16.07.2022

Alex

Владислав Баурин
Это я знаю. Как мне через Я могу получать доступ ч...

Неочень понял тогда. Кинь пример, плиз

0

16.07.2022

Владислав Баурин Автор вопроса

ОЙ. Скриншот не прекрепился

0

16.07.2022

Владислав Баурин Автор вопроса

Alex
Неочень понял тогда. Кинь пример, плиз

Мне нужно как-то в компоненете понимать был ли передан или нет slot aside. И если не был передан, менять вёрстку, навпрмер стили добавлять. условно такой пример.

0

16.07.2022

Alex

Владислав Баурин
Мне нужно как-то в компоненете понимать был ли пер...

По идее, как выше писали, можно через ContentChild или ContentChildren получить то, что находится внутри ng-content. Только если не ошибаюсь ты получишь ElementRef. Но можно в этих декораторах добавить опцию read и прочитать содержимое ng-content как компонент и там уже будут все его публичные свойства и методы. Но я не проверял такое, не точно)

0

16.07.2022

Владислав Баурин Автор вопроса

Alex
По идее, как выше писали, можно через ContentChild...

почитаю, спасибо!

0

16.07.2022

Alex

Владислав Баурин
почитаю, спасибо!

Можешь еще вот так попробовать. Оберни ng-content и получи ссылку в компоненте через @ViewChild

0

16.07.2022

Alex

Владислав Баурин
почитаю, спасибо!

И если длина childern равна 0, то внутри пусто

0

16.07.2022

Alex

Владислав Баурин
почитаю, спасибо!

Или прямо так можно по идее

0

16.07.2022

Alex

Владислав Баурин
почитаю, спасибо!

Посмотри еще в сторону template. Можно сделать по-другому. Завернуть article и aside в ng-template и передать их в компонент в качестве инпутов вместо ng-content

0

16.07.2022

Alex

Владислав Баурин
почитаю, спасибо!