html - Jade中不允许重复属性“{”

我试着把一个脚本放入jade中，但它不允许我使用多个花括号。这是我试图在翡翠上的图表代码。

body
    h1 Crimes by Category
    .ct-chart
    script(new Chartist.Bar('.ct-chart', {
    labels: ['XS', 'S', 'M', 'L', 'XL', 'XXL', 'XXXL'],
    series: [20, 60, 120, 200, 180, 20, 10]
    }, {
    distributeSeries: true
    });)

我得到重复的属性“{”是不允许的。我不知道怎样才能避开这件事。任何帮助都将不胜感激。

最佳答案

要在jade中插入多行javascript，请使用script.标记（缩进脚本内容）：

body
    h1 Crimes by Category
    .ct-chart

      script.
        new Chartist.Bar('.ct-chart', {
        labels: ['XS', 'S', 'M', 'L', 'XL', 'XXL', 'XXXL'],
        series: [20, 60, 120, 200, 180, 20, 10]
        }, {
        distributeSeries: true
        });

您可能还需要缩进脚本。如果你想把它放在你的.ct图表分区里，就要一个凹口。
来源：How can I render inline JavaScript with Jade?

关于html - Jade中不允许重复属性“{”，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34504956/