應用程序在瀏覽器工作正常，手機

我創建使用離子框架，的PhoneGap和AngularJS一個應用程序上的空白屏幕。應用程序在瀏覽器工作正常，手機

我有一個指令，項目。在瀏覽器中運行應用程序時，該指令工作得很好。但是，當運行iOS 7上我的iPhone 5C上編譯的應用程序時，該指令不顯示。

如果我複製該指令的HTML模板並將其放到頁面上，它就可以正常工作。

這裏的指令：

ItemModule.directive('item', ['$rootScope', function ($rootScope) { 
    return { 
     restrict: 'E', 
     scope: { 
      item: '=', 
     }, 

     transclude: true, 

     templateUrl: 'js/modules/items/directives/templates/item.html', 

     link: function (scope, iElement, iAttrs) { 
     } 
    }; 
}])

我在做什麼錯？

來源

2014-09-03 Patrick Reck

是否有運行appon電話時任何JavaScript錯誤？你可以使用Safari的web檢查器來確保。 – 2014-09-03 08:32:55

沒有錯誤 – 2014-09-03 09:17:02

把這個放在所有index.html js腳本的頂部：** ** – sbaaaang 2014-09-03 09:44:30

你說ajax調用成功了，但它執行正確嗎？

試試你的指令之前右：

.config(function($stateProvider, $urlRouterProvider, $sceDelegateProvider) { 

    $sceDelegateProvider.resourceUrlWhitelist([ 
     // Allow same origin resource loads. 
     'self', 
     // Allow loading from our other assets domain. Notice there is a difference between * and **. 
     'http://km.support.apple.com/**', 
    ]); 
})

來源

2014-09-05 05:46:28

-1

這看起來是分辨率問題。請根據電話設備檢查分辨率。

頁面上有固定的高度/寬度控制，不允許在電話上呈現頁面並顯示空白屏幕。

爲了使您的Web應用程序響應，您也可以使用bootstrap！

來源

2014-09-03 09:20:16

內容沒有樣式，所以它不是解決問題 – 2014-09-03 10:33:35

應用程序在瀏覽器工作正常，手機

回答

相關問題