How to Parse JSON response into ng-repeat correctly in Angularjs -

-

i want able use ng-repeat in order parse response on front end. having trouble parsing responses have multiple items versus single item using ng-repeat list.

i able parse; have create 2 different list separate ng-repeat configuration on front end , add ugly logic not display if length of array greater one.

my goal have 1 ng-repeat element in partial , handles both responses or better approach handle requirement.

detailed explanation , jsfiddle below.
want use ng-repeat setup both json responses.

    <ul ng:repeat="report in reportconfigured.reports">     <li ng:repeat="reportitem in report">{{reportitem.reportname.$}}</li>     </ul>

below response webservice when there multiple reports.

{     "reports": {         "@xmlns": {             "$": "http:\/\/ws.wso2.org\/dataservice"         },             "report": [{             "reportid": {                 "$": "20"             },                 "reportname": {                 "@xmlns": {                     "$": "null"                 },                     "$": "examination results"             },                 "visibletopartner": {                 "$": "false"             },                 "reporttype": {                 "@xmlns": {                     "$": "null"                 },                     "$": "examination report"             },                 "templateid": {                 "$": "9"             }         }, {             "reportid": {                 "$": "163"             },                 "reportname": {                 "@xmlns": {                     "$": "null"                 },                     "$": "scheduled candidates test center"             },                 "visibletopartner": {                 "$": "false"             },                 "reporttype": {                 "@xmlns": {                     "$": "null"                 },                     "$": "examination report"             },                 "templateid": {                 "$": "220"             }         }, {             "reportid": {                 "$": "212"             },                 "reportname": {                 "@xmlns": {                     "$": "null"                 },                     "$": "survey report test"             },                 "visibletopartner": {                 "$": "false"             },                 "reporttype": {                 "@xmlns": {                     "$": "null"                 },                     "$": "examination report"             },                 "templateid": {                 "$": "269"             }         }]     } };

i response service when there 1 report

 {     "reports": {         "@xmlns": {             "$": "http:\/\/ws.wso2.org\/dataservice"         },         "report": {             "reportid": {                 "$": "212"             },             "reportname": {                 "@xmlns": {                     "$": "null"                 },                 "$": "survey report test"             },             "visibletopartner": {                 "$": "true"             },             "reporttype": {                 "@xmlns": {                     "$": "null"                 },                 "$": "examination report"             },             "templateid": {                 "$": "269"             }         }     } }

i want able parse both responses same ng-repeat. have attached jsfiddle more details.

http://jsfiddle.net/cejohnson/mdec9/1/

i transform server before setting ng-repeat datasource:

$http({...}) .success(function(data){     if ( angular.isarray(data.reports.report) ) {         $scope.reports = data.reports.report;     }     else {         $scope.reports = [data.reports.report];     } });

and then

<ul ng:repeat="report in reports">     <li ng:repeat="reportitem in report">{{reportitem.reportname.$}}</li> </ul>

Comments

Post a Comment

Popular posts from this blog

javascript - DIV "hiding" when changing dropdown value -

-
this related previous question asked: hide / show multiple divs i have code in place previous question , seems work ok apart when change value in dropdown "after" ticket selection made. i have number of javascrpts in place wondering if there clash somewhere? first bit of code in head of document. <head> <script type="text/javascript"> $(function() { $('.cat_dropdown').change(function() { $('#paymethod').toggle($(this).val() >= 2); }); }); </script> <script type="text/javascript"> $(document).ready(function () { $(".paymentmethod").click(function () { $(".paymentinfo").hide(); switch ($(this).val()) { case "credit card authorisation": $("#pay0").show("slow"); break; ...
Read more

node.js - Node - Passport Auth - Authed Post Route hangs on form submission -

-
this weird one. im passport's 'local strategy' express app , i'm running odd issue. essentially, have 3 routes. each have auth check in place. app.get('/admin', authenticatedornot, adminroute.index); app.get('/admin/new', authenticatedornot, adminroute.newpost); app.post('/admin/new', authenticatedornot, adminroute.create); the authenticatedornot method : var authenticatedornot = function(req, res, next){ if(req.isauthenticated()){ next(); }else{ res.redirect("/login"); } } works perfect logging in admin area, , checking if user logged in, when submit form '/admin/new' post route, browser hangs. nothing happens in console, console.log in place : exports.create = function(req, res){ console.log(req); // database logic here res.redirect('/admin'); } i cant seem work. hangs, , fails. browser console says 'pending' in network request. ive tried remov...
Read more

Does Firefox offer AppleScript support to get URL of windows? -

-
i trying write applescript that, among other things, gets url of every open webpage in firefox. in safari (and chrome), done simply: tell application "safari" return url of every tab in every window however, seems me firefox offers no real applescript support, such getting url of tab or window. when google terms "firefox" , "applescript" together, firefox bug requests asking applescript support restored, last updated in 2010 or 2011 (like this , this ). am right in thinking, then, firefox no longer offers proper applescript support? realize there semi-workarounds, such simulating key-commands in applescript, aren't practical purposes. to see of applescript commands firefox responds to, launch applescript editor, select menu file > open dictionary... , , choose firefox application. you'll find you're expecting: firefox doesn't offer useful applescript commands.
Read more