2016/08/19、MonacaがCordova 6.2に対応したので、バージョンアップ予定のシンプル体重管理をCordova 6.2に更新したところ、ngShowを利用した箇所でちらつく現象が発生した。
ons-list-item(modifier指定)をngShowで表示・非表示しているが、画面切り替え時に非表示箇所が一瞬だけ見えてしまう。
※9/1追記
この現象はシンプル体重管理で発生しており、下記のコードで発生する現象ではない。
生成されるタグを確認するためのコードである。

ngShowngHideの動きを理解するため、isJpn = Trueとして、次のコードを実行する。

2016-08-31-11-41-39
画面上は日本語となるが、実際には次のように非表示のタグも生成されている。

非表示箇所のタグを生成させないようにするには、ngIfを使用する。
ngShowをすべてngIfに変更すると、非表示箇所のタグが生成されない。
ngIfは画面生成時に非表示箇所のタグは生成されないため、同一画面内で表示・非表示の切り替えを行う場合は、ngShowngHideを使用する必要がある。

【Monaca】ngShowやngHideでちらつく場合の対処方法
Tagged on: