Переиспользуйте код
Обратите внимание
Документация на русском языке может быть устаревшей. Самые последние изменения доступны в документации на английском языке.
Если вам надо одинаковый или похожий код вставить много раз, переиспользуйте его. Это сделает вашу конфигурацию короче и может упростить изменение повторяющихся кусков кода.
$ref на любое место в конфигурации
В любом месте конфигурации вы можете подставить код из другой части этой конфигурации. Для этого используется конструкция { "$ref": "path.to.element" }.
Это полезно, когда надо вставить одинаковый код в несколько мест. Например, если вам надо выполнить одно и то же действие для нескольких кнопок, поместите это действие в переменную и вызовите его через $ref.
Совет
Размещайте переиспользуемый код в переменных в vars, иначе при изменении конфигурации может понадобиться изменять путь в свойстве $ref.
Путь в конструкции $ref указывается от корня. Элементы массивов задаются числом от нуля. Пример:
Примечание
В некоторых компонентах есть свойства с типом ref или похожими, например action.open-close. Там это свойство работает просто как указатель на конкретный элемент в интерфейсе.
Указатель на визуальный компонент в виде конструкции { "$ref": "path.to.element" }.
Важно
Список компонентов, на которые можно ссылаться, может быть ограничен. Например, action.play-pause работает только с компонентами, которые позволяют проиграть аудио или видео.
helper.transform
Компонент helper.transform позволяет преобразовать один массив в другой. Это полезно, если вы не знаете количество элементов в массиве или он очень длинный.
Примеры: