javascript - ionic ng-show 在浏览器中工作，但在 android/ios 上不工作

Question

我遇到了一个我无法解决的恼人问题，此代码在浏览器中运行良好，但在 android/ios 设备上运行不佳:

<ion-view style="" title="Dettaglio">
<ion-content class="has-header" padding="true">
    <div style="" class="list card">
        <div class="item item-divider" ng-show="conditions">{{conditions.nome}} {{conditions.cognome}}</div>
        <div class="item item-divider" ng-hide="conditions">Errore!!</div>
        <div class="item item-body">
            <div style="" ng-show="conditions">
                <p>
                   Residuo: {{conditions.residuo}}
                </p>
            </div>
            <div style="" ng-hide="conditions">
                <p>
                   Utente non registrato o codice fiscale errato
                </p>
            </div>
        </div>
    </div>
    <div style="display: inline-block; width: 300px; height: 17px;" class="spacer"></div>
    <div style="" class="list card" ng-show="conditions">
        <div class="item item-divider">Note</div>
        <div class="item item-body">
            <div style="">
                <p>
                    {{conditions.note}}
                </p>
            </div>
        </div>
    </div>
</ion-content>

在 Windows 浏览器中测试应用程序时，ng-hide/ng-show 可以按预期隐藏或显示 div，但是一旦我在 android/ios 设备上获得该应用程序，无论如何都会显示每个 div。我对 angular/ionic 有点陌生，但我不明白为什么 ng-show 指令在浏览器中有效，但在设备上无效。

提前致谢

Answer 1

我的浏览器和我的 Android 手机都遇到了这个问题。这是由于最近 Cordova 的安全升级以及对更好的“Content-Security-Policy”的需求所致。

我通过在 index.html 中添加这一行来修复它:

<meta http-equiv="Content-Security-Policy" content="default-src...

我加入了:

'unsafe-inline' 'unsafe-eval'