IBM mobilefirstで動作するIonic/Angularアプリで問題を表示

Question

角度とイオンを使用してモバイルアプリで作業を開始するのは初めてです。これは単なる問題であれば許してください。私はこの問題についてグーグルで試したが役に立たなかった。ここに問題があります。私は、以下のリンクでIonicを使って作成したサンプルアプリケーションを作り直しました。

link here

私は自分のアプリケーションを実行するために、IBM MobileFirst環境を使用していました。問題は、本体の終了タグの前に多くの< br>タグを追加しなかった場合、ディスプレイは右のようになります（添付の画像を参照）。

なぜこれが起こっている誰も教えてもらえますか？

左の画像から

コードスニペット：私は< BR>タグの多くを追加するのであれば基本的には、それが唯一の固定取得し、右

.... 
.... 
<script src="ionic/js/ionic.bundle.js"></script> 
<!-- New lines to load our modules --> 
<script src="app/app-main.js"></script> 
</body> 
</html> 

上のいずれかの

.... 
.... 
<script src="ionic/js/ionic.bundle.js"></script> 
<!-- New lines to load our modules --> 
<script src="app/app-main.js"></script> 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
<br><br><br><br><br><br><br><br><br><br><br><br> 
</body> 
</html> 

コードスニペットをボディの終了タグの前にイオンが完全な高さに調整するとは思わない？その内容の自然な高さですか？

注：画像

Answer 1

これを引き起こす可能性のWorkLightで既存のCSSがありますを参照してください傾けるなら、私に知らせてください。

html, body { 
    height: 100%; 
} 

ハイブリッドアプリを使用する代わりに、MobileFirst 7.1のCordovaアプリを使用することをお勧めします。 Ionicとの統合ははるかに簡単です。続きを読む：https://www.raymondcamden.com/2015/03/23/working-with-ibm-mobilefirst-and-the-ionic-framework/