Question

从

的API返回json

    { ACC: "{"NO":"AC307","NAME":"joe"}, RETURN: "TRUE" }

我需要将值分开为NO，NAME，......我怎么能

HTML：

  <div ng-repeat="acdetails in accdetails ">
        <div class="item item-divider item-input-wrapper">
           Acc No - {{ acetails.NO }}
        </div>
         <div class="item item-divider item-input-wrapper">
            Name&nbsp; - {{ acdetails.NAME }}
        </div>
   </div>

但显示为空，我是角色的新手帮助我

提前谢谢

Answer 1

JSON无效。假设您在角度控制器中有以下内容（请注意，这是一个对象数组）

$scope.accdetails =  [{ 
    "ACC": {
        "NO":"AC307",
        "NAME":"joe",
    },
    "RETURN": "TRUE" 
}];

然后以下html显示所需信息

    <div ng-repeat="acdetails in accdetails">
        <div class="item item-divider item-input-wrapper">
           Acc No - {{ acdetails.ACC.NO }}
        </div>
         <div class="item item-divider item-input-wrapper">
            Name&nbsp; - {{ acdetails.ACC.NAME }}
        </div>
    </div>

Answer 2

尝试将Acc No - {{ acetails.NO }}更改为Acc No - {{ acetails.ACC.NO }}

Answer 3

你JSON无效。有效json低于

{"ACC": {
    "NO": "AC307",
    "NAME": "joe",
    "ST": "",
    "RETURN": "TRUE"
} }

Answer 4

我找到了解决方案

实际返回数据：

  { ACC: "{"NO":"AC307","NAME":"joe"}, RETURN: "TRUE" }

只需在你的控制器中使用json parse

 .success(function(data) {   
            if(data.RETURN == "TRUE") {                    
                var acdetailsObject = JSON.parse(data.ACC);
                $scope.acdetails = acdetailsObject;                                               
            }

您的数据将采用以下格式

       { NO: "AC00316", NAME: "John Doe" }

然后在你的html中你可以使用$ scope.acdetails直接获取而不使用任何ng-repeat，如下所示

  <div class="item item-divider item-input-wrapper">
       Acc No - {{ acdetails.NO }}
    </div>
     <div class="item item-divider item-input-wrapper">
        Name&nbsp; - {{ acdetails.NAME }}
    </div>
</div>

如何获取Angular JSON值

4 个答案: