title: How to make saved object immediately appear in a ng-repeat?
body: <p><strong>JS:</strong></p>
  
  <pre><code>  $scope.addPano = function () {
        var Pano = AV.Object.extend("Panorama"),
        pano = new Pano()
  
        var json = {
          'name': 'test3',
          'index': 0,
          'Type': 'real',
          'version': 0,
          'buildingCode': $scope.buildingId
        }
  
        pano.save(json, {
      success: function(object) {
        console.log('PANO: ', object)
        $scope.building.pano.push(json)
        $scope.$digest()
      },
      error: function(object, error) {
        console.log('Failed to create new object, with error message: ' + error.message);
      }
        })
      }
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div ng-repeat="pano in building.pano"&gt;
    &lt;p&gt;&lt;strong&gt;{{pano.name}}&lt;/strong&gt;&lt;/p&gt;
    &lt;div ng-repeat="panodata in pano.panoData"&gt;
      &lt;p&gt;{{panodata.name}}&lt;/p&gt;
    &lt;/div&gt; &lt;a class="btn btn-default" href="javascript:;" ng-click="addPanodata(pano.objectId)"&gt;Add panodata&lt;/a&gt; &lt;/div&gt; &lt;a class="btn btn-default btn-lg" href="javascript:;" ng-click="addPano()"&gt;Add pano&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Right now the only way to make it appear is with:</p>
  
  <pre><code>      $scope.building.pano.push(json)
        $scope.$digest()
  </code></pre>
  
  <p>I thought Angular did this automatically?</p>