2016-04-28 17 views
4

Q)データの変更がUIに表示されないのはなぜですか?アイテムのリストですが、UIとやりとりするとすぐに魔法のように表示されますか?例えばIonic 2:UIで更新されないデータモデルの変更。

私はリストにバインドされているいくつかのデータを取得し、その後のようにそのリストを更新していた場合、その:私はと対話するまで

this._LocalStorageService.getClients().then(
    (data) => {  
    this.clients = (data.res.rows.length == 1) ? <Client[]>JSON.parse(data.res.rows.item(0).clients) : []; 
    this.showNoDataPresent = (this.clients.length == 0); 
    }, 
    (error) => { 
    this._LogService.error(JSON.stringify(error.err)); 
    } 
); 

clientsリストは、UIに表示されません。アプリ、例えばメニューボタンをクリックするか、検索フィールドにフォーカスを当てます。へ

+1

私は同様の問題を持っていた、と私は、要求を実行していたという問題でした。私の助言は、ビューを更新する必要のある非同期呼び出しに対して 'ngOnInit'、' onPageWillEnter'、および 'onPageLoaded'を避けることです。オンロードの非同期呼び出し後にビューを更新するには、 'onPageDidEnter()'を使用しなければなりませんでした。 –

+0

ありがとう、それはまさに 'onPageWillEnter'と' ngOnInit'が対象です!このバグは、2番の黙って失敗したことに関連して確認されました。私は 'onPageWillEnter' /' ngOnInit'を今使っていますので、何か問題があれば再訪問してみてください。乾杯。 – Dave

答えて

2

あなたはbeta.6にアップグレードし、(package.jsonに依存関係の更新に加えて、いくつかの必要な変更があるので)、次のガイドに従っていることを確認します

  1. アップデートイオンCLI最新版:npm install -g ionic @ beta

  2. Ionic 2.0.0-beta.3以前を使用してプロジェクトをアップグレードする場合は、まず以下のガイドを参照してください。

  3. app.ts/app.jsから行インポート 'es6-shim'を削除します。

  4. index.htmlファイル内angular2-polyfill.js前ES6-shim.min.jsを追加します。

    <script src="build/js/es6-shim.min.js"></script> 
        <!-- Zone.js and Reflect-metadata --> 
        <script src="build/js/angular2-polyfills.js"></script> 
        <!-- the bundle which is built from the app's source code --> 
        <script src="build/js/app.bundle.js"></script> 
    
  5. 更新しますpackage.jsonは(&ペーストを基準としてこれらを使用してコピーしないでくださいファイル内のファイルを更新してください)。

    "依存関係":{"angular2": "2.0.0-beta.15"、 "es6-shim": "^ 0.35.0"、 "イオン角":" 2.0.0-beta.6 "、 " ionic-native ":" 1.1.1 "、 " ionicons ":" 3.0.0-alpha.3 "、 "メタデータを反映": "0.1.2"、 "rxjs": "5.0.0-beta.2"、 "zone.js": "^ 0.6.11" }

  6. あなたのパッケージでの.jsonは、ionic-gulp-scripts-copyのバージョンを^ 1.0.1に更新します。

  7. プロジェクトのフォルダの内側から、npm installを実行して新しいパッケージをインストールします。

  8. 変更を破るためにchangelog149をチェックして、それに従ってプロジェクトを更新してください。

出典:https://forum.ionicframework.com/t/ionic-2-projects-updating-to-beta-6/50049

関連する問題