Angular 中 json 数据的 Ng 重复

Question

我正在使用 Angular JS 通过 JSON 检索一些数据。使用这些数据，我将构建一些面板，每个对象一个。

我有一个客户列表，每个客户都有特定的名称和颜色：

$scope.customers = [{ 
    "samsung": [
        { "color": "#fcd5b4", "logo": 'img/samsug.png' },
    ],
    "htc": [
        { "color": "#ff66ff", "logo": 'img/htc.png' },
    ],
    "hp": [
        { "color": "#acd5b4", "logo": 'img/hp.png' },
    ]
}];

在HTML我应该写：

<div ng-repeat="customer in customers" style="background-color: {{customer.samsung.color}}">
    <table><tbody>
        <tr><td class="logo">
            <img src="{{customer.samsung.logo}}">       
        </td></tr>
    </tbody></table>

但以后我就不知道客户的名字了。

如何在不知道客户姓名的情况下重复所有元素？

Answer 1

style="background-color: {{customer.color}}"

和

<img ng-src="{{customer.logo}}">

应该这样做。

您的客户是您数组的当前元素...

Answer 2

有一种方法可以在 ng-repeat 中获得 (key,value) 对。我希望并认为这完全符合您的情况。您的代码中存在一些数组混淆，应该在 html 部分中重复这些内容。

脚本-你最后错过了花括号

  $scope.customers = [
{ 
    "samsung": [
        {
            "color": "#fcd5b4", "logo": 'img/samsug.png', "numbers":[{"number": 123}, {"number": 938103}, {"number": 93810}]
        },
    ],

    "htc": [
        {
            "color": "#ff66ff", "logo": 'img/htc.png' ,"numbers":[{"number": 6341}, {"number": 345134}, {"number": 345134}]
        },
    ],

    "hp": [
        {
            "color": "#acd5b4", "logo": 'img/hp.png' ,"numbers":[{"number": 1346}, {"number": 613461}, {"number": 77134}]
        },
    ]
    }
];

你的代码是

<div ng-repeat="(key,value) in customers[0]" style="background-color: {{value[0].color}}">
<table>
<tbody>
    <tr>
    <td class="logo">
        <img ng-src="{{value[0].logo}}">  
        <ul>
        <li ng-repeat="(keynum, valuenum) in value[0].numbers">{{valuenum.number}}</li>
        </ul>
    </td></tr>
</tbody></table>

Fiddle

Angular 中 json 数据的 Ng 重复

Ng-repeat of json data in Angular

javascript

json

angularjs

ng-repeat