Angular UI Router - Load View With Controller Embedded

Instead of doing two $http requests, one for the controller data and one for the view data, how come I can't just load a view and have a controller embedded in the view? It doesn't work.

My router code:

app.config(function($stateProvider, $urlRouterProvider){

      $urlRouterProvider.otherwise("/admin");
       $stateProvider.state('home', {
    url: "",
    templateProvider: function($http, $stateParams) {
        return $http({
        method: 'GET',
        url: '/admin/home'
      }).then(function successCallback(html) {
        return html.data;
      });
       },
     controller: function($scope) {
          // $scope.activeSection.activeSection = "notNone";
        }
  })

  //all other states go here

    });

My view returned from the templateProvider $http promise:

<div class="container" ng-controller="home">
{{orders[0]}}
</div>

<script>
app.controller('home', ['$scope', '$http', '$state', function($scope, $http, $state) {
$scope.orders = <?php echo json_encode($data[0]); ?>;
}]);
</script>

But I get an error saying "home" is undefined. I understand I can just set the controller on the route and do a $http request from there but it seems silly if I can just get what I need from a controller standpoint already in the view. Right? Or am I missing something. It would make it easier on the server to not have multiple routes (view and controller) for what is essentially one route.