Angular expressions will not show if $http is called.

I have a expressions that will not show if $http is called:

Controller

function StaysCtrl($scope, $http, $state, Idle, notify, AuthSrv, appResource) {

    // Will not show up if I make a $http call
    this.helloText = 'Welcome to Stays';

    //appResource.query(function (data) {
    //    $scope.stays = data;
    //});

    // If I comment out this $http call the helloText will show up.
    $http({
        method: 'GET',
        dataType: 'json',
        headers: {
            "Content-Type": "application/json"
        },
        url: 'http://localhost:6060/api/stay/10/desc',
        data: JSON.stringify(),
    }).success(function (data) {
        $scope.stays = data;
    });
    
}

Select allOpen in new window

HTML

<div ng-controller="StaysCtrl as stays" class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <div class="text-center m-t-lg">
                <h1>
                    {{stays.helloText}}
                </h1>
                <small>Configure in config.js as minor state.</small>
            </div>
        </div>
    </div>

    <div ng-repeat="stay in stays">
        <div>{{stay.stayID}}</div>
    </div>
</div>

Select allOpen in new window

What am I missing?