2017-09-13 75 views
0

我想亮度是项目的顺序函数列表如何在jade模板中进行javascript数学计算?

这里上的顺序可变

{{order}} 

以下是我正在试图修改

.minicard(style="background-color:hsl(354,100%,{{(order * 2)+46}}%)") 

模板语言是什么我基本上试图做的是乘以2的顺序,并添加46。

{{order}}可以工作,但在大括号内进行数学似乎没有。我如何在玉模板中做简单的JavaScript?

+1

你看过一下https://stackoverflow.com/questions/20940860/javascript-function-execution-inside-jade-template? – Garfield

+2

玉是服务器端,JavaScript是客户端。除此之外,'{{}}'通常是一些客户端框架符号,也许是AngularJs或Handlebars? – Claies

+1

看看https://stackoverflow.com/questions/10368040/arithmetic-operators-in-jade – Debabrata

回答

0

无需JavaScript中,你可以做这样的事情:

- order = 10 
- order = order * 2 + 45 

.minicard(style="background-color:hsl(354,100%,"+order+"%;") 

或者您也可以在线做:

- order = 10 

.minicard(style="background-color:hsl(354,100%," + (order * 2 + 45) + "%;") 

双方应编译成:

<div class="minicard" style="background-color:hsl(354,100%,65%"></div> 

见这里的工作示例 - https://codepen.io/AdamCCFC/pen/pWoxXV

+0

我不认为数学可以用于流星玉(mquandalle/jade) –

相关问题