How to fetch Angular JSON value

Question

Return json form the API which is

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

i need the value separate as NO, NAME , ... how can i

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>

but its displaying as empty , i am new to angular help me out

Thank you in advance

show us how you populate acedetails. Plus, look out for spelling, you have acedetails and acdetails in the HTML — user1334319
– user1334319, Commented Aug 25, 2015 at 13:51
ya i have updated its a mistake then also it remain same values are empty — Khalid
– Khalid, Commented Aug 25, 2015 at 13:54
There is no array shown in api data. What are you trying to repeat over? Show more code. You either haven't shown us your data properly or you have a data structure problem — charlietfl
– charlietfl, Commented Aug 25, 2015 at 13:58

dchar · Accepted Answer · 2015-08-25 14:38:38Z

1

The JSON is invalid. Assuming that in your angular controller you have the following (note that this is an array of objects)

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

then the following html displays the desired information

    <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>

edited Aug 25, 2015 at 14:38

answered Aug 25, 2015 at 14:08

dchar

1,7053 gold badges19 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

charlietfl Over a year ago

Good approach by hard coding a set of values. Now OP can work on fixing back end to match

maddygoround · Accepted Answer · 2015-08-25 13:53:52Z

0

try Changing Acc No - {{ acetails.NO }} to Acc No - {{ acetails.ACC.NO }}

answered Aug 25, 2015 at 13:53

maddygoround

2,3002 gold badges21 silver badges33 bronze badges

1 Comment

ryanyuyu Over a year ago

While this code may answer the question, it would be better to explain how and why it works.

ODelibalta · Accepted Answer · 2015-08-25 13:55:11Z

0

You JSON is not valid. Valid json below

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

answered Aug 25, 2015 at 13:55

ODelibalta

2,2741 gold badge19 silver badges32 bronze badges

1 Comment

Khalid Over a year ago

i have some thing like this { ACC: "{"NO":"AC307","NAME":"joe"}, RETURN: "TRUE" } how can i get

Khalid · Accepted Answer · 2015-08-26 05:32:32Z

I found the solution for this

Actual RETURN DATA:

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

just in your controller use json parse

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

your data will be as format below

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

then in your html you can directly fetch using $scope.acdetails with out using any ng-repeat , as below

  <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>

Collectives™ on Stack Overflow

How to fetch Angular JSON value

4 Answers 4

1 Comment

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related