<分区>
我有以下 JSON 对象,我将其称为 data
。
{
"topalbums": {
"album": {
"image": [
{
"#text": "http:\/\/userserve-ak.last.fm\/serve\/34s\/88057565.png",
"size": "small"
},
{
"#text": "http:\/\/userserve-ak.last.fm\/serve\/64s\/88057565.png",
"size": "medium"
},
{
"#text": "http:\/\/userserve-ak.last.fm\/serve\/126\/88057565.png",
"size": "large"
},
{
"#text": "http:\/\/userserve-ak.last.fm\/serve\/300x300\/88057565.png",
"size": "extralarge"
}
]
}
}
}
在 Angular Controller 中,我将此 JSON 对象称为 data.topalbums.album
。
回到我的 HTML 页面,我尝试使用 ng-src
插入图像数组中的最后一个(第 3 个)图像:
ng-src="{{album.image[3].#text}}"
由于 #
字符,这当然会导致 angular 抛出 Lexer 错误。
我试过逃脱这个 Angular 色,但没有成功:
ng-src="{{album.image[3].%23text}}"
如何访问 JSON 对象的 image
数组中 #text
键的值?