Size: a a a

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

2019 November 02

LT

Leonard Tkachev in Angular - русскоговорящее сообщество
Народ, подскажите плиз по классам:
Не хочет работать данное выражение: <a [class.attention]="n.attention">{{n.note}}</a>

Надо чтобы при n.attention==true, динамически накидывался класс attention и так же при n.attention==false - скидывался.
задача детская, но что-то уже второй час залипаю над ней
источник

ДМ

Денис Макаров in Angular - русскоговорящее сообщество
Pavel Rishko
нужно чтобы появлялся компонент таблицы только после нажатия на кнопку, т. к. дочерние елементы устроены так что делают get запросы при вызове
похоже что да, вам подойдет NgIf
на будущее, когда вы напрямую вставляете тег компонента в дом дерево, то это обходит механизмы ангуляра и он не создает нужных привязок. А для браузера данный элемент вообще ничего не значит, поэтому у вас ничего и не отрисовалось
источник

PR

Pavel Rishko in Angular - русскоговорящее сообщество
ничего себе
источник

PR

Pavel Rishko in Angular - русскоговорящее сообщество
ngIf не пробовали?
источник

PR

Pavel Rishko in Angular - русскоговорящее сообщество
Ну вот, делаешь какой то флаг, к примеру и присваеваешь ему false, а в обработчике нажатия кнопки присваиваешь ему true
источник

PR

Pavel Rishko in Angular - русскоговорящее сообщество
источник

PR

Pavel Rishko in Angular - русскоговорящее сообщество
ну и магия, саписибо большое
источник

ДМ

Денис Макаров in Angular - русскоговорящее сообщество
Leonard Tkachev
Народ, подскажите плиз по классам:
Не хочет работать данное выражение: <a [class.attention]="n.attention">{{n.note}}</a>

Надо чтобы при n.attention==true, динамически накидывался класс attention и так же при n.attention==false - скидывался.
задача детская, но что-то уже второй час залипаю над ней
а что, он не накидывается?
источник

LT

Leonard Tkachev in Angular - русскоговорящее сообщество
Денис Макаров
а что, он не накидывается?
вроде нет, во всяком случае в scss прописан .attention {
 color: red;
}
текст почемуй-то не краснеет
источник

ДМ

Денис Макаров in Angular - русскоговорящее сообщество
Leonard Tkachev
вроде нет, во всяком случае в scss прописан .attention {
 color: red;
}
текст почемуй-то не краснеет
а в браузере показано, что класс действительно появился?
источник

LT

Leonard Tkachev in Angular - русскоговорящее сообщество
Денис Макаров
а в браузере показано, что класс действительно появился?
не видно его среди накинутых
источник

ДМ

Денис Макаров in Angular - русскоговорящее сообщество
Leonard Tkachev
не видно его среди накинутых
значит, выражение в условии возвращает false
источник

ДМ

Денис Макаров in Angular - русскоговорящее сообщество
вот если класс появился, но при этом его правила не накинулись на элемент, то надо смотреть, может вы нарушили инкапсуляцию или еще что
источник

LT

Leonard Tkachev in Angular - русскоговорящее сообщество
Денис Макаров
значит, выражение в условии возвращает false
да, точно. теперь появился но цвет перечеркнут.
чуть выше:
a:not([href]):not([tabindex]) {
   color: inherit;

типа !important ему задать надо?)
источник

ДМ

Денис Макаров in Angular - русскоговорящее сообщество
Leonard Tkachev
да, точно. теперь появился но цвет перечеркнут.
чуть выше:
a:not([href]):not([tabindex]) {
   color: inherit;

типа !important ему задать надо?)
important плохая практика, лучше усилить вес селектора, например вложенностью
источник

LT

Leonard Tkachev in Angular - русскоговорящее сообщество
Денис Макаров
important плохая практика, лучше усилить вес селектора, например вложенностью
как это сделать, есть пример какой-нибудь?
источник

ДМ

Денис Макаров in Angular - русскоговорящее сообщество
Leonard Tkachev
как это сделать, есть пример какой-нибудь?
.class .class > .class, .class.class > class - как пример
источник

ДМ

Денис Макаров in Angular - русскоговорящее сообщество
почитайте про приоритет селекторов
источник

LT

Leonard Tkachev in Angular - русскоговорящее сообщество
а, понял о чем речь... Спасибо! пошел разбираться
источник

ДМ

Денис Макаров in Angular - русскоговорящее сообщество
в крайнем случае конечно, можно и important, просто если потом понадобится его переопределить, то будут проблемы
источник