Getting empty screen

I am setting the scope with data but all the time getting empty screen. tried to use some $scope.$apply but it isn't helping. I can see the scope.items isn't empty... I can see values only one I click on other tabs.

my code:

  .controller('AccountCtrl', function ($scope, $timeout) {
        if (localStorage.getItem("itemHistory") !== null) {
            $scope.items = localStorage["itemHistory"].split(',');
            $scope.$safeApply($scope);
        }
    });

tab that navigate to template

  <!-- Dashboard Tab -->
    <ion-tab title="History" icon-off="ion-ios-pulse" icon-on="ion-ios-pulse-strong" href="/tab/account">
        <ion-nav-view name="tab-account"></ion-nav-view>
    </ion-tab>

my temp:

    <ion-nav-bar>
    <ion-nav-back-button>
    </ion-nav-back-button>
</ion-nav-bar>
<ion-view view-title="Recent Searches">
    <ion-content class="padding">
        <ul>
            <li ng-repeat="item in items">
                {{ item }}</li>
        </ul>
        </ion-content>
</ion-view>

thanks for helping!