Size: a a a

Angular - русскоговорящее сообщество

2020 May 09

ЭП

Эрик Поуль in Angular - русскоговорящее сообщество
Andrey Semchenko
не оч понял вопрос(
в хроме класс вешается при рендеринге?
источник

A

Andrey Semchenko in Angular - русскоговорящее сообщество
Эрик Поуль
в хроме класс вешается при рендеринге?
да, вешается
источник

ЭП

Эрик Поуль in Angular - русскоговорящее сообщество
Andrey Semchenko
да, вешается
попробуйте ng-deep или в глобальные стили перенести
источник

НН

Никита Наумов... in Angular - русскоговорящее сообщество
Andrey Semchenko
Как же тогда это делается ( на библиотечном компоненте же не зря сделаны такие свойства )?
Класс в styles.scss?
источник

A

Andrey Semchenko in Angular - русскоговорящее сообщество
Никита Наумов
Класс в styles.scss?
не, в файле стилей родительского компонента ( того, куда я вставляю ngx-file-drop )
источник

НН

Никита Наумов... in Angular - русскоговорящее сообщество
Попробуй в стайлс положить, вопрос с инкапсуляцией решится
источник

A

Andrey Semchenko in Angular - русскоговорящее сообщество
Эрик Поуль
попробуйте ng-deep или в глобальные стили перенести
ng-deep помог, спасибо
источник

ЭП

Эрик Поуль in Angular - русскоговорящее сообщество
Andrey Semchenko
ng-deep помог, спасибо
лучше чем-то обернуть, может хостом, чтобы ng-deep не распространялся на все с таким классом
источник

A

Andrey Semchenko in Angular - русскоговорящее сообщество
Эрик Поуль
лучше чем-то обернуть, может хостом, чтобы ng-deep не распространялся на все с таким классом
вот этим хостом?
источник

ЭП

Эрик Поуль in Angular - русскоговорящее сообщество
Andrey Semchenko
вот этим хостом?
да
источник

A

Andrey Semchenko in Angular - русскоговорящее сообщество
насколько я понял из документации, он позволяет сделать стили в дочернем компоненте видимым для родительского компонента, верно?
источник

ЭП

Эрик Поуль in Angular - русскоговорящее сообщество
Andrey Semchenko
насколько я понял из документации, он позволяет сделать стили в дочернем компоненте видимым для родительского компонента, верно?
нет, ты просто вешаешь стили именно для этого компонента
источник

A

Andrey Semchenko in Angular - русскоговорящее сообщество
Эрик Поуль
нет, ты просто вешаешь стили именно для этого компонента
так а разве стили не изолированны и так?
источник

AV

Alexey Vasiliev in Angular - русскоговорящее сообщество
:host позволяет определить стили контейнера компонента, т.е. первого радителя
источник

AV

Alexey Vasiliev in Angular - русскоговорящее сообщество
.host(class) стили родителя, у которого есть класс clasd
источник

ЭП

Эрик Поуль in Angular - русскоговорящее сообщество
Andrey Semchenko
так а разве стили не изолированны и так?
изолированы, но ng-deep убирает инкапсуляцию везде для определенного селектора, пока на странице есть компонент в котором этот ng-deep прописан, оборачивая ng-deep хостом - ты как бы говоришь, что ng-deep будет работать только внутри этого хоста
источник

AV

Alexey Vasiliev in Angular - русскоговорящее сообщество
NgDeep разве не Deprecated?
источник

ЭП

Эрик Поуль in Angular - русскоговорящее сообщество
Alexey Vasiliev
NgDeep разве не Deprecated?
источник

ЭП

Эрик Поуль in Angular - русскоговорящее сообщество
Andrey Semchenko
так а разве стили не изолированны и так?
источник

A

Andrey Semchenko in Angular - русскоговорящее сообщество
Эрик Поуль
изолированы, но ng-deep убирает инкапсуляцию везде для определенного селектора, пока на странице есть компонент в котором этот ng-deep прописан, оборачивая ng-deep хостом - ты как бы говоришь, что ng-deep будет работать только внутри этого хоста
типа оно будет видно не выше первого родителя, если завернуть в host?
а если не заворачивать, то оно будет видно везде?
правильно я понял?
источник