ИМ
В место [style] и [ngStyle] может быть [class] и [ngClass]
Size: a a a
2021 March 21
ЕУ
Икром Муродов
В место [style] и [ngStyle] может быть [class] и [ngClass]
может быть. и я, например, чаще [class.someclass] юзаю
АД
Кто-нить билдил проект на Лубунту?
A(
какая разница, убунту она и в африке...
A(
лхде не влияет на все, что относится к серверной части, пакетам и вообще
2021 March 22
ИМ
Скажите пожалуйста, в чем разница между [ngClass] и [class] ?
ИМ
[class] делает то же самое, что и [ngClass]
ИМ
В том же [class] можно передавать объект, массив, массив с тернарными операторами
ИМ
И все будет работать
ИМ
Но возникает очевидный вопрос: зачем вообще использовать ngClass?
ИМ
Единственная разница, которую я нашел
ИМ
Я походу нашел отличие между ними )
АФ
Икром Муродов
Я походу нашел отличие между ними )
делитесь)
ИМ
<button [class]="classes">Some button</button>
public classes = {
'btn-primary': true,
btn: true,
'btn-danger': false,
};
// some-html-element(click)="updateStyles"
updateStyles() {
this.classes['btn-danger'] = !this.classes['btn-danger'];
this.classes['btn-primary'] = !this.classes['btn-primary'];
}
——————————
Ничего не сработает )))
public classes = {
'btn-primary': true,
btn: true,
'btn-danger': false,
};
// some-html-element(click)="updateStyles"
updateStyles() {
this.classes['btn-danger'] = !this.classes['btn-danger'];
this.classes['btn-primary'] = !this.classes['btn-primary'];
}
——————————
Ничего не сработает )))
ИМ
Если использовать ngClass то все заработает
АФ
ага, вот тоже это нашел)
АФ
хз даж кому и где это может пригодьться) любителям css in js пожалуй лишь только
ИМ
Икром Муродов
<button [class]="classes">Some button</button>
public classes = {
'btn-primary': true,
btn: true,
'btn-danger': false,
};
// some-html-element(click)="updateStyles"
updateStyles() {
this.classes['btn-danger'] = !this.classes['btn-danger'];
this.classes['btn-primary'] = !this.classes['btn-primary'];
}
——————————
Ничего не сработает )))
public classes = {
'btn-primary': true,
btn: true,
'btn-danger': false,
};
// some-html-element(click)="updateStyles"
updateStyles() {
this.classes['btn-danger'] = !this.classes['btn-danger'];
this.classes['btn-primary'] = !this.classes['btn-primary'];
}
——————————
Ничего не сработает )))
Но если полностью поменять сам объект, то все заработает. [class] и c [ngClass]
updateStyles() {
this.classes = {
...this.classes,
'btn-danger': !this.classes['btn-danger'],
'btn-primary': !this.classes['btn-primary'],
};
// this.classes['btn-danger'] = !this.classes['btn-danger'];
// this.classes['btn-primary'] = !this.classes['btn-primary'];
}
updateStyles() {
this.classes = {
...this.classes,
'btn-danger': !this.classes['btn-danger'],
'btn-primary': !this.classes['btn-primary'],
};
// this.classes['btn-danger'] = !this.classes['btn-danger'];
// this.classes['btn-primary'] = !this.classes['btn-primary'];
}
ИМ
Мне надо было более внимательно читать документацию. :)
