Телеграмм чат группы angular_ru страница 13442

parrot.ru

Рейтинг популярных групп и каналов

В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

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

4616 membersпожаловаться на группу

2019 October 31

DP

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

Привет! Подскажите плз как правильней переопределять стили Angular Material компонентов?
https://stackblitz.com/edit/angular-rqe8ox?file=src%2Fapp%2Fbutton-toggle-overview-example.css

В примере создал компонент в котором переиспользую материаловский mat-button-toggle. Хочу изменить высоту для кнопок, но из файла стилей моего компонента стили перебить не получается. Есть вариант вынести в корневой styles.scss но как-то мне не нравится.

Вообщем буду благодарен за подсказки)

angular-rqe8ox - StackBlitz

Basic button-toggles

так те стили что у тебя внутри компонента, они же важнее. приоритет выше.

источник

17:29пожаловаться

V

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

@pestovua Ну вот высота кнопки в материаловском компоненте задается с помощью line-height для класса .mat-button-toggle-label-content

Как мне его перебить из файла стилей моего компонента? (button-toggle-overview-example.css)

источник

17:34пожаловаться

N

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

https://cl.ly/da87a2658278 мне приходит null и slice бросает ошибку но почему throwError не срабатывает раньше core.js:6014 ERROR TypeError: Cannot read property 'slice' of null

Image 2019-10-31 at 4.29.58 PM.png

Shared with CloudApp

источник

17:35пожаловаться

DP

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

@pestovua Ну вот высота кнопки в материаловском компоненте задается с помощью line-height для класса .mat-button-toggle-label-content

Как мне его перебить из файла стилей моего компонента? (button-toggle-overview-example.css)

имя_тега.mat-button-toggle-label-content {и тут пишешь что тебе нужно}. пробовал так?

источник

17:36пожаловаться

Y

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

Привет! А может кто с Ramda помочь. Почему ошибка появляется?
https://stackblitz.com/edit/angular-mjef4t

angular-mjef4t - StackBlitz

Starter project for Angular apps that exports to the Angular CLI

источник

17:39пожаловаться

V

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

имя_тега.mat-button-toggle-label-content {и тут пишешь что тебе нужно}. пробовал так?

Я даже !important пробовал)

источник

17:39пожаловаться

DP

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

@pestovua Ну вот высота кнопки в материаловском компоненте задается с помощью line-height для класса .mat-button-toggle-label-content

Как мне его перебить из файла стилей моего компонента? (button-toggle-overview-example.css)

Еще бывает неправильная очередность стилей в подключении в angular.json. Я помню мне ngx-bootstrab голову морочил так

источник

17:39пожаловаться

V

V L A S O V in Angular - русскоговорящее сообщество

https://cl.ly/da87a2658278 мне приходит null и slice бросает ошибку но почему throwError не срабатывает раньше core.js:6014 ERROR TypeError: Cannot read property 'slice' of null

Image 2019-10-31 at 4.29.58 PM.png

Shared with CloudApp

А в чем смысл в одном месте замазать, а в другом нет?

источник

17:39пожаловаться

DP

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

Я даже !important пробовал)

https://gyazo.com/28cdef4d5e9a9fb3c33d141d60941970

Screenshot by Gyazo

Gyazo is a simple way to share screenshots, GIFs, and replays in seconds. Take interesting and useful captures from games, apps, and sites instantly.

источник

17:39пожаловаться

AE

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

@pestovua Ну вот высота кнопки в материаловском компоненте задается с помощью line-height для класса .mat-button-toggle-label-content

Как мне его перебить из файла стилей моего компонента? (button-toggle-overview-example.css)

:host ::ng-deep .mat-button-toggle-label-content ....

источник

17:40пожаловаться

ЭП

Эрик Поуль in Angular - русскоговорящее сообщество

Я даже !important пробовал)

стиль где перебиваешь? Если в компоненте то :host ::ng-deep как выше написал

источник

17:40пожаловаться

AE

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

Argument Exception

:host ::ng-deep .mat-button-toggle-label-content ....

но лучше уж сразу в глобал стили

источник

17:40пожаловаться

DP

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

Argument Exception

:host ::ng-deep .mat-button-toggle-label-content ....

это заворачивают тим лиды на code reviev

источник

17:40пожаловаться

AE

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

это заворачивают тим лиды на code reviev

поэтому и написал что лучше уже в глобал

источник

17:41пожаловаться

ЭП

Эрик Поуль in Angular - русскоговорящее сообщество

это заворачивают тим лиды на code reviev

такое себе, пока не нашли замену - можно

источник

17:41пожаловаться

DP

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

есть еще https://angular.io/api/core/ViewEncapsulation

источник

17:41пожаловаться

DP

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

мы юзали

источник

17:41пожаловаться

V

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

Да, из файла стилей компонента пробую перебивать. С глобал стилями работает, но не хочется иметь стили и там и там.

источник

17:41пожаловаться

AE

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

есть еще https://angular.io/api/core/ViewEncapsulation

есть shadow dom который мало кто поддерживает
есть none который тоже самое что глобальные

это никак не альтернатива

источник

17:42пожаловаться

DP

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

Argument Exception

есть shadow dom который мало кто поддерживает
есть none который тоже самое что глобальные

это никак не альтернатива

а почему? Не спорю, но хочу разобрться

источник

17:43пожаловаться