如何在Angular2中使用名称中的破折号访问JSON数据？

【问题标题】：How to get access to JSON data with dash in name in Angular2?如何在Angular2中使用名称中的破折号访问JSON数据？
【发布时间】：2017-05-25 17:12:38
【问题描述】：

我需要访问名称包含破折号的 JSON 数据，最好的解决方案是什么？删除破折号或只是处理这是我从简单节点服务器接收的 JSON 数据。

[{
"id": "xxxxxxxxxxxxx",
"type": "container",
"path": "/",
"dctitle": "xxxx",
"dc-creator": "xxxx",
"dc-description": "xxxx.",
"dcrights": "xxxx",
"hero-region": {
    "hero-headline": "xxxxxxxxxxxx",
    "hero-headline-sub": "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
}
}]

提前致谢！

【问题讨论】：

console.log(data[0]["hero-region"]["hero-headline"])

标签： json node.js angular

【解决方案1】：

根据我的经验，您不应该在 json 键中使用破折号。这等于减法：

dc - creator

我通常看到 - 被替换为和 _ 或转换为驼峰式。

看起来你可以用 cmd-shift-L 替换 vsCode 中的所有破折号，或者你可以用下划线替换十。请注意，您的数据中不存在破折号。

要轻松转换为 camelCase，您可以使用这个强大的扩展：MD Tools

如果您坚持，那么您可以使用括号访问包含不能出现在标识符中的字符的键：

["dc-creator"]

【讨论】：