Javascript 列表未在我的网站中刷新

我使用Ionic和AngularJS，存在以下问题：

以下是视图：

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

foo中的方法如下所示：

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

现在的问题是： 当列表为空并且我添加了第一个元素时，我首先需要更新站点以查看它。 当列表中已经有项目时，我可以在更新后立即看到它

---

添加第一个元素后，我需要做什么才能立即看到它？

当列表为空时，$scope.items等于某个空数组[]。 如果列表不为空，则$scope.items是对jsdata.loclStorages.items的引用

由于这两个数组不是相同的引用，因此当列表开始为空时，将项添加到localStorages.items将不会对$scope.items中的数组产生任何影响

要解决这个问题，您需要在添加项时检查作用域中的引用是否与jsdata中的数组相同。如果没有，请确保调用$scope.items=foo.getItems；再次说明。

在您的ng repeat表达式中，$index的轨迹是什么？我建议先去那里看看。

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