List not refreshing in my angular site

I use Ionic and AngularJS and have the following problem:

Here is the view:

<ion-list>
    <ion-item ng-repeat="item in items track by $index" >
        <h1>{{item.text}}</h1>
        {{item.timestring}}
    </ion-item>
</ion-list>

and the controller:

$scope.items = foo.getItems();

the method in foo looks like:

foo.loclStorages = JSON.parse(localStorage.getItem("foo"));
foo.getItems = function () {        
    if (foo.loclStorages === null) {
        return [];
    } else {
        return jsdata.loclStorages.items;
    }
};

Now the problem: When the list is empty and I add the first element, then I first need to update the site to see it. When I already have items in the list, i can see it instantly after the update.

What I need to do to also see it instant after adding the first element?