pugを使ったスタイル内の変数の問題

Question

NodeJSとPugをエンジンにして少しのアプリを構築しています。 要素スタイル内に変数を挿入したいだけですが、それを動作させる方法が見つからない場合があります。ここでは、コードです：私はこの問題は変換属性から括弧と思い

- var grados = 45; 
span.glyphicon.glyphicon-arrow-up(style={transform:'rotate(#{grados}deg)'}) 

、私はcolor:grados（- var grados = 'red'）のような他の簡単な方法でそれを試してみましたが、それがうまく働きました。何か案は？

Answer 1

Pugのよくある問題を見つけたのは恐ろしいことです。属性補間のサポートが廃止されたため、構文はサポートされなくなりました。 the page in the Pug docs relating to thisを参照してください。 、

- var grados = 45; 
span.glyphicon.glyphicon-arrow-up(style={transform:'rotate(' + grados + 'deg)'})