Angular 4插值语法中属性名以数字开头报错原因咨询

没错，你猜的完全正确！这个报错确实是因为属性名以数字开头导致的。

Angular模板里的点符号（.）访问属性时，遵循JavaScript的标识符规则——标识符不能以数字开头，所以当你写variable.24h_volume时，模板解析器会把24当成数字，后面的h_volume就成了无效语法，直接触发了报错。

解决办法 #

你可以改用方括号属性访问语法来获取这个属性值，写法如下：

{{variable['24h_volume']}}

这种方式不受标识符规则限制，能正确解析以数字开头的属性名。

另外补充一句：如果是在组件类的TypeScript代码里访问这个属性，同样也要用variable['24h_volume']的写法，不能用点符号哦。

内容的提问来源于stack exchange，提问作者Nimish David Mathew