Ionic3 加用Loading效果后苹果手机(iOS)经常没法滑动，强制浏览器渲染Dom文档 (备忘）

问题描述
       当页面加上loadingCtrl动画效果等待异步返回后loadingCtrl已释放，但苹果手机（iOS)经常计算Content高度有误，导致明明超出一屏的内容无法上、下滑动，安卓和PC上均能正常滑动；

方案一：
参考：Javascript 强制浏览器渲染Dom文档
[html]

[ts]

@ViewChild("content") content: Content;
    private _contentHeight = undefined;

     // Loading效果后苹果手机经常没法滑动，强制浏览器渲染Dom文档            
     if (this.appService.platForm == "ios" && this.pageIndex == 1) {
         setTimeout(() => {
             this._contentHeight = this.content.contentHeight;
         }, 500);
     }

方案二：
参考：【技巧】ionic3中content的resize知多少
[html]

    
-

[ts]

import { ..., Content} from 'ionic-angular';

    @ViewChild("content") content: Content;
    private _contentHeight = undefined;

                // Loading效果后苹果手机经常没法滑动，强制浏览器渲染Dom文档            
                if (this.appService.platForm == "ios" && this.pageIndex == 1) {
                    this._contentHeight = undefined; 
                    setTimeout(() => {
                        this._contentHeight = this.content.contentHeight;
                    }, 500);
                }

方案三：（推荐）
参考：Angular变化检测机制：改善的脏检查
[html]
无须改动
[ts]
 

import { ..., ChangeDetectorRef } from '@angular/core';

    constructor(
        ... 
        public changeDetectorRef: ChangeDetectorRef,
    ) {
        ....
    }

        this.appService.callBo("MallOrderBO", "GetOrderList", params, showLoading).subscribe(res => {
            if (res.ErrCode == 0) {
                ... 
                // Loading效果后苹果手机经常没法滑动，强制浏览器渲染Dom文档            
                if (this.appService.platForm == "ios" && this.pageIndex == 1) {
                    this.changeDetectorRef.detach();
                    setTimeout(() => {
                        this.changeDetectorRef.reattach();
                    }, 500);
                }
            } else {
                this.utils.showError(res.ErrMsg);
            }
        });

注意：
setTimeout 的间隔设为500毫秒，试过300毫秒感觉太少