Вопрос об атрибуте data-*?

Question

[ChrisMenschenin]

Встретил на сайте вот такую часть кода:

data-bind="css : {'is-hidden': headerIsHidden, 'is-small': navSmallView, 'is-nav-open': navOpen }"

Это обычный атрибут data-* с его обычными свойствами, или это что-то значит (значение атрибута)? И можно, пожалуйста, каждую деталь описать поподробнее, в Интернете немного информации встретишь. (Например, что означают {}; почему именно css, или же это просто имя и роли не играет; какое имеет значение содержимое {} и как оно применяется) Я впервые встречаюсь с подобным, если это какой-то инструмент, то опишите, пожалуйста, его возможности, свойства и применение. Спасибо!

Comments

[Сергей delphinpro]

значение дата-атрибута - это просто строка.
в данном случае строка представляет собой json данные.
"css" потому что автор так написал. мог написать abrakadabra.
скобочки и прочее - это как я уже сказал json формат.

В общем не ищите подвоха там где его нет. Всё намного примитивнее и проще.

[Сергей delphinpro]

Хотя если используется какой-то js фреймворк, то имена определенных свойств могут иметь значение. Надо смотреть документацию к соответствующему фреймфорку.

[ChrisMenschenin]

Сергей: Спасибо, теперь понимаю, что содержимое связано с JavaScript, который я пока не изучаю. (Делаю эффекты через CSS)

Answer 1

[Кирилл Несмеянов]

Буду краток. KnockoutJS

Answer 2

[Алекс Глебов]

Там json массив
Дата атрибуты используются как хранилище данных которые используются в js для конкретного элемента

Answer 3

[Андрей]

Это обычный data-атрибут, в который, как мне кажется, записана json-строка, в последствии преобразующаяся js-кой в объект и каким-то образом обрабатываемая.

Но это не точно:) (я не спец, о опыт по работе был).