は、私が働いているかの簡単な要約を与えるために更新されますオフラインアクセスのためにローカルストレージに保存され、データは簡単なホーム画面形式で反映されます。NG-繰り返して
- バックエンドをする
- コールAjaxリクエストが
- ユーザーのアカウントの下で行われている経由でデータを
- ローカルストレージに格納されたデータは、ユーザーがログイン:シンプルなワークフローを与えること
$ rootScope.allEmployeeInformation変数に追加
- Ion-Listは、ホーム画面の$ rootScope.allEmployeeInformation変数に格納されているデータを反映します。
私の問題はここにある:
データにログインした後に引っ張られ、適切に保存されますが、ページがいずれかの機能をリフレッシュするプルを経由して私が実施しているリフレッシュされるまでイオンリストはデータは表示されませんされて、再同期ボタンをクリックするか、アプリを再起動します。
ユーザーがページを更新する必要なく、これらのデータが確実に表示されるようにする方法はありますか?
これ以上必要な情報を提供できない場合は、助けてくれてありがとう!要求に応じていくつかのコードを更新
編集、:情報を表示
Code which performs the ajax request
HTML:
<ion-view>
<ion-content class="scroll-content has-header animated fadeIn" ng-controller="HomeScreenController" padding="true">
<ion-refresher
pulling-text="Pull to resync...."
on-refresh="resyncEmployees(true)">
</ion-refresher>
<ion-list>
<ion-item
class="ion-item-content"
ng-repeat="employee in allEmployeeInformation | orderBy:'lastName'"
ng-controller="AccountCtrl"
ng-click="changeTabb(1, {{employee.identifier}})">
<div class="item-icon-left">
<i class="icon ion-person"></i>
<h3>{{employee.userCN}}</h3>
<h5>{{employee.title}}</h5>
<h6>{{employee.town}}</h6>
</div>
<div class="item-icon-right">
<i class="icon ion-chevron-right icon-accessory"></i>
</div>
</ion-item>
</ion-list>
</ion-content>
</ion-view>
編集#2:私はまでに狭めてきたと考えています実際にはng-repeatの問題であり、一見すると期待したイオンリストではありません。参照タグの更新。
乾杯! Mike
あなたのajaxリクエストは、rootScopeにデータをダンプしていますが、 'ng-repeat'が使用している' allEmployeeInformation'変数を更新しません。ここにルートスコープを含める理由はありません。 –