title: How to get deeper in a JSON object using angularJS?
body: <p>I am using AngularJs to get some information inside this JSON object, specifically the author's first and last name:</p>
  
  <pre><code>{
      "bookid": "1",
      "title": "Spring In Action",
      "publisher": "Manning Publications Co.",
      "isbn": "978-1-935182-35-1",
      "owner": "Catalyst IT Services",
      "publishyear": "2011",
      "image": "C:/imagefolder/spring-in-action.jpg",
      "description": "Totally revised for Spring 3.0, this book is a...",
      "author": [
          {
              "authorid": "1",
              "firstname": "Craig",
              "lastname": "Walls",
              "description": "Craig Walls has been professionally developing software for over 17 years (and longer than that for the pure geekiness of it). He is the author of Modular Java (published by Pragmatic Bookshelf) and Spring in Action and XDoclet in Action (both published by (...)"
          }
      ],
      "media": [
      ],
      "tags": [
          {
              "tagid": "1",
              "tagname": "Java"
          },
          {
              "tagid": "5",
              "tagname": "Spring"
          }
      ],
      "copies": [
          {
              "bookcopyid": "2",
              "location": "Beaverton",
              "status": "available"
          }
      ]
  }
  </code></pre>
  
  <p>The code I have right now is (which was provided by bosco2010 in this plunker (<a href="http://plnkr.co/edit/GbTfJ9" rel="nofollow">http://plnkr.co/edit/GbTfJ9</a>)):</p>
  
  <pre><code>var app = angular.module('app', []);
  
  app.factory('JsonSvc', function ($http) {
    return {read: function(jsonURL, scope) {
          return $http.get(jsonURL).success(function (data, status) {
              scope.data = data.author;      
  
          });
      }};
  });
  
  app.controller('MainCtrl', function($scope, JsonSvc) {
  
  
      JsonSvc.read('data.json', $scope).then(function () {
      $scope.nestedObj = $scope.data;  
  
      });
  
  
      $scope.name = "world";
  
  
  });
  </code></pre>