iterate over an array of objects in jade/pugjs

Question

I have the following json object:

 var partners =[{ "name":"partnerx", "image": "imagex" }, { "name": "partnery", "image": "imagey" }]

I want to put into a ul object using jade and I tried:

ul#slides.swiper-wrapper
   mixin partners(name, image)
    li.swiper-slide
       img(src=#{image} , alt=#{name})

This is not working.

Answer 1

Try this:

ul#slides.swiper-wrapper
   each partner in partners
     li.swiper-slide
       img(src=partner.image, alt=partner.name)

https://pugjs.org/language/iteration.html

Answer 2

You can also access the property using brackets

ul#slides.swiper-wrapper   
 each partner in partners
  span #{partner.name}