PM
Or feel free to ask in English here as well
Size: a a a
2020 April 25
DL
Ah, right, this is mostly Russian-speaking chat. Maybe, you prefer English-speaking chat in Discord?
I'm there too
PM
I'm there too
👍
tt
Are you speaking Russian？
M
Привет всем, нужен ваш совет, делаю массив из объектов у каждого объекта есть ключи "name", высвечиваю на сайте текст через цикл, как сделать чтобы каждый элемент имеел свой стиль?
EM
А на основе чего должен стиль применяться?🤔
Или просто рандомно?
Или просто рандомно?
M
А на основе чего должен стиль применяться?🤔
Или просто рандомно?
Или просто рандомно?
Стиль должен применяться на основе переменных color и width
M
У каждого обьекта будет свой color и width, но не понимаю как это интегрировать в стиль
M
Что-то по типу этого?
EM
each
<div style=‘color: ${item.color}’>
А так в svelte сработает?🤔
<div style=‘color: ${item.color}’>
А так в svelte сработает?🤔
AM
так все таки новый опус про “наташа мы все профукали. свелт вышел, наташа. наташ. он почти не работает. он еле дышит, наташ“ на хабре стоит читать или “да ну нафиг не буду тратить время”
D
each
<div style=‘color: ${item.color}’>
А так в svelte сработает?🤔
<div style=‘color: ${item.color}’>
А так в svelte сработает?🤔
PM
Стиль должен применяться на основе переменных color и width
<div style=“color: {color}; width: {width}px;”>
PM
Так тоже можно, но есть отличия. Главное из них - способ применения и обновления стилей элемента.
PM
В моём примере стили будут статически проанализированы и будет сгенерирован код для точечного обновления каждого из них в отдельности. В примере с $: style = ``; при изменении любого связанного значения все выражение будет пересчитываться и применяться к атрибуту скопом
PM
ttt ttt
Are you speaking Russian？
Yep
EM
В моём примере стили будут статически проанализированы и будет сгенерирован код для точечного обновления каждого из них в отдельности. В примере с $: style = ``; при изменении любого связанного значения все выражение будет пересчитываться и применяться к атрибуту скопом
А если этот блок в отдельный компонент вынести и передавать пропами, как там?🤔
EM
А, все, кажется понял
PM
А если этот блок в отдельный компонент вынести и передавать пропами, как там?🤔
Можно передавать весь атрибут style или даже его часть через пропс да. По сути это одно и тоже со вторым вариантом. Если значения изменяются часто, то лучше юзать первый способ. Если выставляются разок или меняются редко или стилей оооочень много , то можно и через строку
А
<div style=“color: {color}; width: {width}px;”>
В общем если стили надо часто изменять лучше так?