18910140161

Python-Visual Studio代码:JavaScript变量的内联Jinja大括号-堆栈溢出

顺晟科技

2022-10-18 13:14:47

70

我正在尝试让Jinja大括号与ApexChart.JS调用Flask HTML页面中使用的JavaScript变量保持一致。

labels = JSON.parse({{ labels | tojson}})

data = JSON.parse({{ data | tojson}})
我遇到

的问题是,当我保存HTML时,大括号被格式化了。

    labels = JSON.parse({
        {
            labels | tojson
        }
    })
    data = JSON.parse({
        {
            data | tojson
        }
    })

有没有办法阻止VisualStudio代码将Jinja代码分开?

当前代码如下:

<代码><;!--语言:Lang-HTML-->;<;!--模板/index.HTML-->;{%extends ' base.HTML '%}{%block content%}<;标题>;仪表板|{{title}}<;/title>;<;DIV类=";Flex H-Screen调整中心";>;<;DIV ID=";图表";类=";H-1/4 W-1/2内容中心";>;<;/DIV>;<;/DIV>;<;脚本SRC=";https://cdn.jsdelivr.net/npm/apexcharts"><;脚本>;labels=JSON.parse({{标签|tojson}})data=JSON.parse({{数据|ToJson}})变量选项={颜色:['#01CA95 '],图表:{类型:'酒吧'},数据标签:{已启用:假},系列:[{名称:'销售',数据:数据}],X轴:{类别:标签},Y轴:{标签:{格式化程序:函数(数据){//设置新的格式化类变量var formatter=new intl.numberformat(' en-US ',{style:'货币',货币:' USD '});返回格式化程序.format(data);}}},}var chart=new apexCharts(document.querySelector(";#chart";),options);chart.render();<;/脚本>;{%端块含量%}

顺晟科技:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航