離子ng顯示工作在瀏覽器，但不是在android/ios

我面臨一個惱人的問題，我無法解決，這段代碼在瀏覽器中完美工作，但不是在android/ios設備上：離子ng顯示工作在瀏覽器，但不是在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-隱藏/ NG-顯示工作按預期隱藏或顯示的div，但一旦我在Android應用程序/ iOS設備的每個格是被顯示無論如何。我對角/離子有點新，但我不明白爲什麼ng-show指令在瀏覽器中工作，但不在設備上。

在此先感謝

來源

2015-04-24 user3396923

你確定你正在收拾所有的依賴關係，即角，離子等

我通過index.html中加入這一行固定它。，與您的應用程序？ –

我在瀏覽器和我的Android手機中都遇到了這個問題。這是由於Cordova安全性最近升級以及需要更好的「內容安全策略」所致。

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

我加入：

'unsafe-inline' 'unsafe-eval'

來源

2015-07-21 22:14:59

我有類似的問題。

我通過檢查Safari DevTools（針對iOS模擬器運行）中[ng-hide =「」]元素的計算樣式來發現.ng-hide { display: none!important }規則未被創建，從而修復了我的情況。

我的解決方法是將該規則添加到我自己的樣式表中。

來源

2015-05-12 23:33:23

離子ng顯示工作在瀏覽器，但不是在android/ios

回答

相關問題