Html 如何在车把中使用对象关键点？

我是javascript新手，我有一个似乎无法解决的问题。我试着看视频，甚至来这里寻求答案，但我发现这些对我来说毫无意义。想象一下你在帮助一个白痴：）。不管怎么说，我正在提取一个对象，这就是我所拥有的

{
  "Global Quote": {
    "01. symbol": "A",
    "02. open": "84.7000",
    "03. high": "85.8400",
    "04. low": "83.4500",
    "05. price": "85.1300",
    "06. volume": "2908808",
    "07. latest trading day": "2020-02-19",
    "08. previous close": "84.7900",
    "09. change": "0.3400",
    "10. change percent": "0.4010%"
  }
}

但我不知道如何用把手来展示它

这是我的车把模板：

<h1>Stock Viewer</h1>
symbol: <span class="symbol">{{symbol}}</span><br>
date: <span class="date">{{price}}</span><br>
price: <span class="price">{{date}}</span>

股票查看器
符号：{{symbol}}

日期：{{price}}

价格：{{date}

我似乎无法从对象中获取数据。我只能生成一部分不是变量的代码

而且我也不确定当我发布这个问题的时候会是什么样子，所以如果它是凌乱的，我会提前道歉。

---

谢谢

您的键（例如

04.low

）包含空格和点，如果可能的话，在JavaScript中应避免使用这两种字符（对象属性名称-键-可以是任何字符串，但空格和点都会使事情复杂化，因为各种原因，大多数字符（字母数字字符除外）和把手中的字符都是如此）。如果您能够切换到字母数字键，您将省去很多痛苦。

由于您对JavaScript不熟悉，我建议您首先学习使用JavaScript开发解决方案，因为所有库（如AngularJS、jQuery、Handlebar等）都是使用JavaScript创建的。如果您决定从头开始使用一个库，通常会产生混乱。但是，如果您首先已经掌握了JavaScript知识，那么就可以非常轻松地使用任何库。您甚至可以使用JavaScript创建自己的库。祝你好运。我能够使用innerText和vanilla JavaScript来显示数据，但将其转换为Handlebar对我来说要困难得多。我猜我对这个物体做错了什么。我的键有空格，我尝试了如下方法：{{01.symbol}、{{[01.symbol]}、{{{{01.symbol}}、{{{01.symbol'}、{{{['01.symbol']}。什么都不管用：(