Question

我正在使用 Ionic Framework ， Phonegap 和 AngularJS 创建应用。

我有一个指令 Item 。在浏览器中运行应用程序时，此指令可以正常工作。但是，当运行使用iOS7在我的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) {
        }
    };
}])

我做错了什么？

Answer 1

你说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/**',
    ]);
})

Answer 2

这看起来像解决问题。请根据电话设备检查分辨率。

页面上有固定的高度/宽度控制，不允许在电话上呈现页面并显示空白屏幕。

要使您的Web应用程序响应，您也可以使用引导程序!!!

应用程序在浏览器中工作正常，手机上的空白屏幕

2 个答案: