title: "Rendering" Objects in AngularJS
body: <p>New to AngularJS here (have used BackboneJS before), and am trying to learn AngularJS. I'm attempting to basically render a bunch of objects with their own <code>div</code> "views." In my controller, I have an array of objects (all objects with same properties) that I would pretty much like to render as sticky-notes. My thought process was to somehow grab the data from each object in the array, and render each as <code>div</code>'s (which I could style to look like a sticky-note). </p>
  
  <p>The code I have thus far:</p>
  
  <pre><code>var myApp = angular.module('myApp', []);
  
  myApp.controller('MainCtrl', ['$scope', '$http', function ($scope, $http, Note) {
    $scope.notesArray= [];
    $http.get('notes_data.json').success(function(data) { // basically grab all the data from a JSON file
      data.data.forEach(function(obj) {
          $scope.notesArray.push(obj);
      });
    })
  }]);
  </code></pre>
  
  <p>My <strong>index.html</strong> looks like: </p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;My Angular App&lt;/title&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"&gt;&lt;/script&gt;
  
    &lt;/head&gt;
    &lt;body&gt;
          &lt;div ng-app="myApp"&gt;
              &lt;div ng-controller="MainCtrl"&gt;
                  Some stuff here
              &lt;/div&gt;
          &lt;/div&gt;  
    &lt;script type="text/javascript" src="js/app.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Also, it'd be great if someone could comment on how I can represent these objects more effectively (using a factory, service, etc). Thanks!</p>