title: Angular ng-repeat not showing data from Meteor.call
body: <p>I'm trying to get data to a view in an ng-repeat.</p>
  
  <p>Here's the controller</p>
  
  <pre><code>class dashboardFaqsCtrl {
    constructor($scope, $reactive) {
      'ngInject';
  
      $reactive(this).attach($scope);
  
      this.faqs = [];
  
      Meteor.call('getFaqs', function (err, res) {
        if (err) {
          console.log(err);
        } else {
          console.log(res);
          this.faqs = [res.data.faq];
          console.log(this.faqs);
        }
      });
  
    }
  }
  </code></pre>
  
  <p>Here's the method</p>
  
  <pre><code>import Future from 'fibers/future';
  
  Meteor.methods({
    getFaqs: function( ) {
      // Create our future instance.
      var future = new Future();
  
      HTTP.get( 'http://example.com/faq', {}, function( error, response ) {
        if ( error ) {
          future.return( error );
        } else {
          future.return( response );
        }
      });
  
      return future.wait();
    }
  });
  </code></pre>
  
  <p>The view:</p>
  
  <pre><code>&lt;table id="datatable" class="table table-striped table-bordered"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th&gt;Name&lt;/th&gt;
        &lt;th&gt;Position&lt;/th&gt;
        &lt;th&gt;Office&lt;/th&gt;
        &lt;th&gt;Age&lt;/th&gt;
        &lt;th&gt;Start date&lt;/th&gt;
        &lt;th&gt;Salary&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
  
  
    &lt;tbody&gt;
      &lt;tr ng-repeat="item in dashboardFaqs.faqs"&gt;
        &lt;td&gt;Tiger Nixon&lt;/td&gt;
        &lt;td&gt;System Architect&lt;/td&gt;
        &lt;td&gt;Edinburgh&lt;/td&gt;
        &lt;td&gt;61&lt;/td&gt;
        &lt;td&gt;2011/04/25&lt;/td&gt;
        &lt;td&gt;$320,800&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The view doesn't repeat the ng-repeat.</p>
  
  <p>How can I make angulars ng-repeat update or show the data returned from this HTTP call from the server side?</p>
  
  <p>Thanks!</p>
  
  <p><strong>ANSWER</strong></p>
  
  <p>Was able to figure it out thanks to the comments and answers, here's what I changed:</p>
  
  <pre><code>class dashboardFaqsCtrl {
    constructor($scope, $reactive) {
      'ngInject';
  
      $reactive(this).attach($scope);
  
      this.faqs = [];
  
      Meteor.call('getFaqs', function (err, res) {
        if (err) {
          console.log(err);
        } else {
          console.log(res);
          this.faqs = res.data.faq;
          $scope.dashboardFaqs.faqs = this.faqs;
          console.log(this.faqs);
          $scope.$apply();
        }
      });
  
    }
  }
  </code></pre>