Haml: как мне установить значение динамического класса?

У меня есть следующий код html.erb, который я хочу перенести в Haml:

<span class = "<%= item.dashboardstatus.cssclass %>" ><%= item.dashboardstatus.status %></span>

Он связывает класс CSS текущего присвоенного статуса с диапазоном.

Как это делается в Хамле? Я уверен, что мне не хватает чего-то очень простого.

Ваше решение было таким же, как показано ниже?

0xDonut 26.03.2013 22:23
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
18
1
6 293
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Ответ принят как подходящий

Точно сказать не могу. Может быть:

%span{:class => item.dashboardstatus.cssclass }= item.dashboardstatus.status

как это сделать, если ваш тег не является прямым тегом html, а сгенерирован с помощью помощника rails?

ahnbizcad 29.06.2014 12:15

Это сработало.

Где бы ни была ссылка на страницу, сделайте что-нибудь вроде этого

  %div{"data-turbolinks" => "false"}
    = link_to 'Send payment', new_payments_manager_path(sender_id: current_user.id, receiver_id: @collaboration.with(current_user).id, collaboration_id: params[:id]), class: 'button'

Вы можете использовать несколько условных селекторов классов с синтаксисом массива:

%div{ class: [ ("active" if @thing.active?), ("highlight" if @thing.important?) ] }

Другие вопросы по теме