Question

我从AngularJS app $ http调用返回了以下JSON对象，我试图使用以下代码从我的AngularJS app html访问它但由于某种原因没有在HTML中呈现，所以我想知道我是不是正确访问JSON对象属性？如果有人可以告诉我我做错了什么以及如何从视图中正确访问JSON对象属性，我将非常感激。

注意：我确保数据通过console.log发送到视图，打印客户将json obj列表发送到控制台。

谢谢

{"Result":
   [{"customer":
        {"CustomerName":"Michael",
         "CustomerId":"212331",
         "Active":true
        },
        "salesid":19,
        "sales_name":"John West",
        "rank":["Sales Manager"]

...
...

在customers-list.html中：

    <ul>
        <li ng-repeat="customer in myCustomersList">
            <div>
                <div>
                   <p>Customer Name: {{customer.CustomerName}}</p>
                </div>
            </div>
        </li>
    </ul>

Answer 1

假设您问题中显示的$http来电的回复为data。如果您将data分配给$scope.myCustomersList，则您的HTML应为：

<ul>
    <li ng-repeat="customer in myCustomersList.Result">
        <div>
            <div>
               <p>Customer Name: {{ customer.customer.CustomerName }}</p>
               <p>Sales Name: {{ customer.sales_name }}</p>
               Rank(s): 
               <ul>
                   <li ng-repeat="rank in customer.rank">{{ rank }}</li>
               </ul>
            </div>
        </div>
    </li>
</ul>

AngularJS访问返回的JSON中的属性

1 个答案: