2017-09-13 52 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) –