Javascript 属性名称中带破折号的数据绑定文本

如何访问具有无效变量名的绑定中的属性。例如：

// {"customer-name": "Explosion Pills"}
<span data-bind="text: customer-name">

---

因为它会逐字打印出“客户名称”。如何在绑定中访问此属性？

您可以使用以下格式：

<span data-bind="text: $data['customer-name']"></span>

这是工作小提琴：

这是工作原理：

<span data-bind="text: $data['customer-name']">

<span data-bind="text: $data['customer-name']">