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 № 1Tak, 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)