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

t2a7ltrp  于 2023-06-05  发布在  Node.js
关注(0)|答案(1)|浏览(121)

我尝试将一个脚本放入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
    });)

我正在获取不允许的重复属性“{”。我不知道该怎么办。任何帮助将不胜感激。

iovurdzv

iovurdzv1#

要在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-chart div.包含在script.中,可能还需要将script.缩进一个凹口
来源:How can I render inline JavaScript with Jade / Pug?

相关问题