/ / Jak dostosować ten mixin w JADE - node.js, mops, mixins

Jak dostosować ten mixin w JADE - node.js, mops, mixins

Pracuję nad mixinem w Jade, który tworzy divy z tagami img ... Oto kod mixin:

mixin image(pics)
each pic in pics
.row
.col-md-4
img.img-responsive(src="/images/#{pic.path}" alt="#{pic.name}")

i tutaj jest przykład, kiedy używam mixin:

+image([
{"name":"anti"    , "path":"/images/anti.jpg"},
{"name":"dark"    , "path":"/images/dark.jpg"},
{"name":"haik"    , "path":"/images/haik.jpg"},
{"name":"james"   , "path":"/images/james.jpg"},
{"name":"johanna" , "path":"/images/johanna.jpg"},
{"name":"timothy" , "path":"/images/Timothy.jpg"}
])

Czy jest możliwe przypisać wszystkie te wartości do zmiennej w innym pliku, a następnie zawiera plik i użyć mixin? jeśli tak, w jaki sposób? :RE

to jest cel, po prostu pokażę, co mam na myśli, oczywiście poniższy kod nie będzie działać:

var allPics = [
{"name":"anti"    , "path":"/images/anti.jpg"},
{"name":"dark"    , "path":"/images/dark.jpg"},
{"name":"haik"    , "path":"/images/haik.jpg"},
{"name":"james"   , "path":"/images/james.jpg"},
{"name":"johanna" , "path":"/images/johanna.jpg"},
{"name":"timothy" , "path":"/images/Timothy.jpg"}
]

+image(allPics)

Odpowiedzi:

0 dla odpowiedzi № 1

Tak, możesz używać zmiennych w dołączonym pliku, jak również Mixins.

test.jade obejmuje test_include.jade

test_include.jade:

- var allPics  = [{"name":"anti"    , "path":"/images/anti.jpg"},{"name":"dark"    , "path":"/images/dark.jpg"},{"name":"haik"    , "path":"/images/haik.jpg"},{"name":"james"   , "path":"/images/james.jpg"},{"name":"johanna" , "path":"/images/johanna.jpg"},{"name":"timothy" , "path":"/images/Timothy.jpg"}]
mixin image(pics)
each pic in pics
.row
.col-md-4
img.img-responsive(src="/images/#{pic.path}" alt="#{pic.name}")
block content

test.jade:

extends test_include
block content
+image(allPics)