title: Angular data not showing
body: <p>I am trying to use the $http service GET method from a site to populate fields. Below is my method for calling the API and inserting the data. Also note that because of conflicts with Laravel, I have substituted <code>{{}}</code> with <code>&lt;%%&gt;</code>. When I tested the <code>$scopes</code> without the API call and everything worked fine, so I am pretty sure that has nothing to do with.</p>
  
  <pre><code>var app = angular.module('metaDashboard', []);
  
  /**Changes {{variable}} to &lt;%variable%&gt; for Laravel implementation
  */
  app.config(function ($interpolateProvider) {
      $interpolateProvider.startSymbol('&lt;%');
      $interpolateProvider.endSymbol('%&gt;');
  });
  
  /**This is for the meta-dashboard home page and sets the correct number of the below variables.
  */
  app.controller('TotalNumberController', ['$scope', '$http', function($scope, $http) {
    $http.get('/api/userCount')
        .then(function successCallback(response) {
          $scope.clientCount = response.data["client"];
          $scope.campaignCount = response.data["campaign"];
          $scope.accountCount = response.data["accounts"];
          $scope.userCount = response.data["user"];
      }, function errorCallback(response) {
          $scope.clientCount = "N/A";
          $scope.campaignCount = "N/A";
          $scope.accountCount = "N/A";
          $scope.userCount = "N/A";
      });
     }
  ]);
  </code></pre>