Как добавить класс в jade(в цикле)?

Question

[Kuper132]

mixin products-item(classname, ...items)
div(class='product product-item_' + classname)
each item in items
div(class='product-item__' + item)= item

+products-item('first-guitar','Nylon','140')
Нужно иметь возможность при добавлении добавить доп класс к классу но сейчас он название елемента и ето неподходит я хочу задать свой класс и нужно чтобы один был name другой price

например
+products-item('first-guitar',{name:'class-name'},{price:class-price},'Nylon','140')

Comments

[Сергей delphinpro]

Нужно иметь возможность при добавлении добавить доп класс к классу но сейчас он название елемента и ето неподходит я хочу задать свой класс и нужно чтобы один был name другой price

Знаки препинания? Не, не слышал.

[Kuper132]

Сергей, да ето понятно но как ето в миксине реализовать
что прописать нужно в '+item' строке
mixin products-item(classname, ...items)
div(class='product product-item_' + classname)
each item in items
div(class='product-item__' + item)= item

Answer 1

[Hyubert]

Если правильно понял

mixin products-item(..items)
	.product(class="product_#{attributes.class}")
		each item in items
			.product-item__name=item.name
			.product-item__price=item.price

+products-item(
{name: 'Product 1', price: '$150'},
{name: 'Product 1', price: '$250'}
)(class="className")

Comments

[Kuper132]

а как сделать чтобы внутри етого className я мог добавить name и price елементы и свои классы к ним?

[Hyubert]

Kuper132, в первом вызове передавайте сколько угодно, и подставляйте через ...items

[Hyubert]

Kuper132, Вы хотите менять аргументы вызова, я правильно понял?

[Kuper132]

Да чтобы вместо цены я могу указать свой класс а цена делалась классом

+products-item('name','$150')(class="className")

mixin products-item(...items)
div(class='product product-item_' + attributes.class)
each item in items
div(class='product-item__' + item)= item

[Hyubert]

Kuper132, используйте обекты

[Kuper132]

В продукт item появляется object object

[Hyubert]

Kuper132, изменил ответ

[Kuper132]

Hyubert, Класс спасибо большое. Возможно посоветуешь что-то для лучшего понимания препроцессоров? а то смотрел видео но там описывают минимально как и что работает. Хочется просто вот максимально упрощать код html.

[Hyubert]

Kuper132, Не за что, но лучше отметить ответ решения, чтобы помочь всем кто столкнулся с той же проблемой.

Для лучшего понимания больше практикуйтесь в js. Мне помогает.