如何在 AngularJS 中显示来自 JSON 的值

how to display value from json in angularjs

本文关键字:JSON 的值 显示 AngularJS      更新时间:2023-09-26

我有如下所示的 JSON 数组

var data = [
    {
        id: 1,
        name: "abx",
    },{
        id:2,
        name: "silver"
    }
];

我可以根据分配值显示 JSON 的名称,例如

var x = 2;
{{data.x.name}}

我的意思是,如果行的 ID 为 2,那么我只想直接显示{{name}}不想添加循环代码并匹配id == record.id

直接用点表示法?不。您可以编写一个采用 id 的方法,然后从中返回名称:

$scope.getNameFromId(data, id) {
    var item = data.filter(function(item) {
        return item.id === id
    });
    return item.length ? item[0].name : "N/A";
}

那么在您看来:

{{getNameFromId(data, 2)}}