Angular data not showing
<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>