在 AngularJS 中获取嵌套的 JSON 值答案

【问题标题】：Fetch nested JSON value in AngularJS在 AngularJS 中获取嵌套的 JSON 值
【发布时间】：2017-09-22 09:54:24
【问题描述】：

我正在尝试从 json 中提取数据并显示在离子应用程序中
我尝试提取 Indivisualservice 的价格和名称并成功，但当我尝试获取 HalfservName 和 HalfPrepareprice 时被击中

数据：

 {
            "_id" : ObjectId("59bba8696d8e3"),
            "username" : "tt@gmail.com",
            "service_offered" : {
                "IndivisualService" : [ 
                    {
                        "Price" : "111",
                        "Name" : "catering",
                        "_id" : ObjectId("59bba9046d62535d77e548e6")
                    }, 
                    {
                        "Price" : "1111",
                        "Name" : "delivery",
                        "_id" : ObjectId("59bba9046d62535d77e548e5")
                    }
                ],
                "half_service" : {
                    "HalfservType" : {
                        "HalfservName" : [ 
                            "halfPrepare1", 
                            "halfPrepare2", 
                            "halfPrepare3"
                        ],
                        "HalfPrepareprice" : 1000
                    }
                }
            },
            "city" : "ttt" }

控制器：

$scope.details=response.data;

查看：

  <ul>
    <li ng-repeat="servicesoffered in details">
    <span ng-show='servicesoffered.IndivisualService.length > 0'>
                <span>Indivisual Service</span>
        <ul>
            <li ng-show='servicesoffered.IndivisualService.length > 0' ng-repeat="IndiService in servicesoffered.IndivisualService">
                <a>Service: {{IndiService.Name}}</a>
                <a>Price: {{IndiService.Price}}</a></li>
        </ul>
    </span>
    </li>
</ul>

尝试获取 HalfservName 和 HalfPrepareprice 但失败了。任何人都可以帮助获取 HalfservName 和 HalfPrepareprice

<ul>
    <li ng-repeat="servicesoffered in details">
    <span ng-show='servicesoffered.half_service.HalfservType.HalfservName.length > 0'>
                <span>Half Service</span>
        <ul>
            <li 
                ng-repeat="halfServiceoffered in servicesoffered
.half_service.HalfservType">
                <a>Service: {{halfServiceoffered.HalfservName}}</a>
               </li>
        </ul>
    </span>
</li>
</ul>

【问题讨论】：

这不是 json，它是 BJSON。
看起来不错。您遇到什么错误？
当问题陈述很简单时，很难提供解决方案，“它不起作用”。请edit您的问题更完整地描述您预期会发生什么以及这与实际结果有何不同。请参阅 How to Ask 以获取有关什么是好的解释的提示。
我正在尝试获取 HalfservName 数组元素和 HalfPrepareprice 预期输出 - HalfservName : halfPrepare1, halfPrepare2, halfPrepare3 HalfPrepareprice: 1000

标签： javascript angularjs json ionic-framework

【解决方案1】：

HalfservType 是一个对象。但是您可能想要遍历 HalfservName 数组。所以这里是更新的代码：

<li ng-repeat="halfServiceName in servicesoffered.half_service.HalfservType.HalfservName">
   <a>Service: {{halfServiceName}}</a>
</li>

【讨论】：