Question

vm.product返回此JSON;

    {
      "id": 1,
      "title": "sample string 2",
      "customers": [
        {
        "id": 1,
        "customerid": 10
        },
        {
          "id": 2,
        "customerid": 3
        }
]
    }

我想对客户做ng-repeat，但是怎么做？

我尝试了ng-repeat="customer in ctrl.customers"

vm.customers = vm.product.customers

但这会返回undefined。

我错过的正确方法是什么？

Answer 1

您必须将对象添加到范围。在控制器中执行此操作：

$scope.product = {
      "id": 1,
      "title": "sample string 2",
      "customers": [
        {
        "id": 1,
        "customerid": 10
        },
        {
          "id": 2,
        "customerid": 3
        }
      ]
    };

然后在html中你可以做到：

ng-repeat="customer in product.customers"

关闭或关闭应该有效，但我还没有测试过。

Answer 2

我将ng-repeat="customer in ctrl.customers更改为ng-repeat="customer in ctrl.product.customers"并从控制器中删除了vm.customers = vm.product.customers，然后就可以了。不太确定为什么对方不起作用。

谢谢大家对我的回答： - ）

通过Angular ng-repeat中的JSON对象中的子项进行迭代

2 个答案: