AA
@kenobi_io ты гений, Спасибо большое сработало
.booking-tab-group > ::ng-deep .mat-tab-header{
border-bottom: none;
background: red;
} вот так
Size: a a a
2021 January 10
AA
E
Armen Arakelov
@kenobi_io ты гений, Спасибо большое сработало
но как было сказано, deep устарел , так что замени через root или host
AA
но как было сказано, deep устарел , так что замени через root или host
и правильно я понял что изменения будут тоько в даннойм компоненте.( т/е я не преписываю глобальный стиль .mat0tab-header)
AA
но как было сказано, deep устарел , так что замени через root или host
и ище если не трудно подскажи плиз я правильно заменил ::ng-deep
.booking-tab-group > :host .mat-tab-header{
border-bottom: none;
background: red;
}
.booking-tab-group > :host .mat-tab-header{
border-bottom: none;
background: red;
}
E
Armen Arakelov
и ище если не трудно подскажи плиз я правильно заменил ::ng-deep
.booking-tab-group > :host .mat-tab-header{
border-bottom: none;
background: red;
}
.booking-tab-group > :host .mat-tab-header{
border-bottom: none;
background: red;
}
:root selector matches the document's root element.
E
Armen Arakelov
и ище если не трудно подскажи плиз я правильно заменил ::ng-deep
.booking-tab-group > :host .mat-tab-header{
border-bottom: none;
background: red;
}
.booking-tab-group > :host .mat-tab-header{
border-bottom: none;
background: red;
}
нет
E
Armen Arakelov
и ище если не трудно подскажи плиз я правильно заменил ::ng-deep
.booking-tab-group > :host .mat-tab-header{
border-bottom: none;
background: red;
}
.booking-tab-group > :host .mat-tab-header{
border-bottom: none;
background: red;
}
AA
я читал эту статью в целом понял, но с метариаловскими стилями трудности вызвало
AA
клевая статья
E
Armen Arakelov
я читал эту статью в целом понял, но с метариаловскими стилями трудности вызвало
Просто ты не учитываешь
Use the :host pseudo-class selector to target styles in the element that hosts the component
AA
Просто ты не учитываешь
Use the :host pseudo-class selector to target styles in the element that hosts the component
слушай, наверное. Спасибо большое
AA
@kenobi_io подскажи плиз я разве не правильно обращаюсь по уровню доступа :host .booking-tab-group .mat-tab-header{
background: #00E466;
}?
background: #00E466;
}?
E
host это значит он ищет в родительском компоненте host-context во всех родительских до root компонента , а у тебя текущей компонент , не родительский
AA
host это значит он ищет в родительском компоненте host-context во всех родительских до root компонента , а у тебя текущей компонент , не родительский
вот моя структура. и я через host обращаюсь к его контенту .booking-tab-group .mat-tab-header
E
Armen Arakelov
вот моя структура. и я через host обращаюсь к его контенту .booking-tab-group .mat-tab-header
вот тут подробнее
https://angular.io/guide/component-styles
https://angular.io/guide/component-styles
2021 January 15
I
Всем привет. Есть такая проблема: хочу сделать две первых колонки таблицы sticky, работает не совсем корректно, <td> работают адекватно, а вот <th> нет. <th> соседних колонок при скролле не перекрываются ею.
V
ребят, пробую сделать автокомплит. юзаю елемент mat-autocomplete (из Angular Material). по апи я получаю в респонсе Observable<Item[]>. сам Item -
Подскажите пожалуйста как можно фильтрануть список, который будет отображаться для автокомплита?
interface Item {
id: number,
title: string,
type: string
}
и у меня есть еще селект для выбора типа. вот мне в зависимости от типа, нужно в автокомплите отображать список нужных опшенов (при фокусе на автокомплит). ну и собственно нужно уже при вводе юзером символов в импуте автокомплита фильтровать этот список по строкеПодскажите пожалуйста как можно фильтрануть список, который будет отображаться для автокомплита?