2016-07-11 4 views
0

私は1つのIonic Appをやっていますが、私はいくつかのJS/CSSファイルを読み込もうとしています。このような何か:iPad上にのみJSファイルを含める(Ionic)

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <title>Meeting App</title> 


    <!-- compiled css output --> 
    <link href="css/ionic.app.css" rel="stylesheet"> 

    <!-- ionic/angularjs js --> 
    <script src="lib/ionic/js/ionic.bundle.js"></script> 

    <!-- cordova script (this will be a 404 during development) --> 
    <script src="cordova.js"></script> 

    <!-- your app's js --> 
    <script src="js/app.js"></script> 
    <script src="js/controllers.js"></script> 
    <script src="js/services.js"></script> 

    // if (is_ipad()) : 
     <script src="css/just-ipad.css"></script> 
     <script src="js/just-ipad.js"></script> 
    // endif; 
    </head> 

    <body ng-app="starter"> 
    <ion-nav-bar class="bar-stable" align-title="center"> 
     <ion-nav-back-button> 
     </ion-nav-back-button> 
    </ion-nav-bar> 

    <ion-nav-view></ion-nav-view> 
    </body> 
</html> 

私はこれがindex.htmlをでそれを行うことができると思い。すべてのiPadビューで使用されるファイルがありますが、モバイルビューでは使用されません。

私はPlatform Classesを使用できますが、これは私のニーズをカバーしていません。私はIonicで非常に新しく、これが可能かどうかは分かりません。

何か助けてください!

答えて

1

追加したり、ロード・ファイル、それはiPadのであれば、デバイスのための動的

  1. チェック!

  2. 真の場合は、この方法で目的のファイルを追加します(スクリプトORスタイル)。

    If(ionic.Platform.isIPad()){ 
        var script = document.createElement("script"); 
        script.src = "https://maps.google.com/maps/api/js?&callback=loadGoogleMapsApiReady"; 
        document.getElementsByTagName("head")[0].appendChild(script); 
    } 
    

よろしく。

+0

これはうまく見える、私はそれを試してみると、あなたが感謝の作品を教えてくれます! –

0

私はあなたが提供しているリンクに見られるようにionic.Platform.isIPad();メソッドを探していると思います。

ドキュメント

isIPad() 

Returns: boolean Whether we are running on iPad. 

使用

なお、以下に自分のサイトからコードスニペットから分かるように、彼らは他のいくつかのヘルパー関数を持っているようです。

angular.module('PlatformApp', ['ionic']) 
.controller('PlatformCtrl', function($scope) { 

    ionic.Platform.ready(function(){ 
    // will execute when device is ready, or immediately if the device is already ready. 
    }); 

    var deviceInformation = ionic.Platform.device(); 

    var isWebView = ionic.Platform.isWebView(); 
    var isIPad = ionic.Platform.isIPad(); 
    var isIOS = ionic.Platform.isIOS(); 
    var isAndroid = ionic.Platform.isAndroid(); 
    var isWindowsPhone = ionic.Platform.isWindowsPhone(); 

    var currentPlatform = ionic.Platform.platform(); 
    var currentPlatformVersion = ionic.Platform.version(); 

    ionic.Platform.exitApp(); // stops the app 
}); 

私は単純に以下のGoogleで検索

ProTip:

イオン性チェックプラットフォーム

と最初のリンクをクリックしました。今後は、Googleを最初に使用することを検討してください。

読み物

ionic.Platform

+0

私はその機能を知っています、ありがとう。しかし、私はindex.htmlの中でそれを使うことができますか? HTMLファイルを読み込むかどうか?または、ファイルを読み込む別の方法がありますか? –

関連する問題