Question

如何使用Javascript将图像添加到此数组：

$scope.painScoreLabel = "Select Pain Score";
$scope.painScore = [
    {
        'value': 0,
        'label': "No pain"
    }, {
        'value': 1,
        'label': "Slight pain"
    }, {
        'value': 2,
        'label': "Intermittent pain at rest / moderate pain on movement"
    }, {
        'value': 3,
        'label': "Moderate pain at rest / severe pain on movement"
    }, {
        'value': 4,
        'label': "Severe pain at rest"
    }
];

但它不起作用！

Answer 1

$scope.painScore = [
{
    'value': 0,
    'label': "No pain"
}, {
    'value': 1,
    'label': "Slight pain"
}, {
    'value': 2,
    'label': "Intermittent pain at rest / moderate pain on movement"
}, {
    'value': 3,
    'label': "Moderate pain at rest / severe pain on movement"
}, {
    'value': 4,
    'label': "Severe pain at rest"
}];

for(var i in painScore){
    painScore[i]["image"] = i+"img.png";
}
alert(JSON.stringify(painScore));

通过这种方式，您可以将图像添加到JSON对象中。 Fiddle

问候。

Answer 2

您可以遍历数组的所有元素，并为每个对象创建一个新键并将值设置为您想要的任何值。该值可以是图像的源。该值也可以是图像的base64字符串。

尝试将图像硬编码到控制器中的对象数组中

2 个答案: