javascript - 如何在 PUG 中使用数据块渲染脚本标签

Question

我正在尝试将小部件粘贴到我的网站。我目前使用 PUG 作为我的模板引擎。我不确定应该如何编写数据块的语法。有人可以帮我指出我做错了什么。或者，如果有一种解决方法，我可以在 vanilla javascript 中调用 async/data 块？我已经尝试添加一个 . 在脚本标签仍然无法正常工作之后。

<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
  <div class="tradingview-widget-container__widget"></div>
  <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com" rel="noopener" target="_blank"><span class="blue-text">Financial Markets</span></a> by TradingView</div>
  <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js" async>
  {
  "symbols": [
    {
      "description": "BTC/THB",
      "proName": "BXTH:BTCTHB"
    },
    {
      "description": "ETH/THB",
      "proName": "BXTH:ETHTHB"
    },
    {
      "description": "XRP/THB",
      "proName": "BXTH:XRPTHB"
    },
    {
      "description": "EOS/THB",
      "proName": "BITFINEX:EOSTHB"
    },
    {
      "description": "LTC/THB",
      "proName": "BITFINEX:LTCTHB"
    },
    {
      "description": "BSV/THB",
      "proName": "BITFINEX:BSVTHB"
    }
  ],
  "theme": "dark",
  "isTransparent": false,
  "displayMode": "adaptive",
  "locale": "en"
}
  </script>
</div>
<!-- TradingView Widget END -->

这是我从https://html2jade.org/得到的。

// TradingView Widget BEGIN
.tradingview-widget-container
  .tradingview-widget-container__widget
  .tradingview-widget-copyright
    a(href='https://www.tradingview.com', rel='noopener', target='_blank')
      span.blue-text Financial Markets
    |  by TradingView
  script(type='text/javascript', src='https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js', async='')
    {
    "symbols": [
    {
    "description": "BTC/THB",
    "proName": "BXTH:BTCTHB"
    },
    {
    "description": "ETH/THB",
    "proName": "BXTH:ETHTHB"
    },
    {
    "description": "XRP/THB",
    "proName": "BXTH:XRPTHB"
    },
    {
    "description": "EOS/THB",
    "proName": "BITFINEX:EOSTHB"
    },
    {
    "description": "LTC/THB",
    "proName": "BITFINEX:LTCTHB"
    },
    {
    "description": "BSV/THB",
    "proName": "BITFINEX:BSVTHB"
    }
    ],
    "theme": "dark",
    "isTransparent": false,
    "displayMode": "adaptive",
    "locale": "en"
    }
// TradingView Widget END

看起来html是正确的。如果你看截图

标签： javascriptpug