Ionic не работает в платформе IBM Mobilefirst

Я создал простой проект в IBM Mobilefirst. У меня есть очень простой Ионные расположение:Ionic не работает в платформе IBM Mobilefirst

<body style="display: none;"> 
    <ion-pane> 
     <ion-header-bar class="bar-stable"> 
      <h1 class="title">Awesome App</h1> 
     </ion-header-bar> 
     <ion-content class="padding"> 
      <button class="button button-assertive">I'm a button</button> 
     </ion-content> 
    </ion-pane> 
    <script src="js/initOptions.js"></script> 
    <script src="js/main.js"></script> 
    <script src="js/messages.js"></script> 
</body>

Кроме того, я сделал самозагрузки углового:

function wlCommonInit(){ 
    angular.element(document).ready(function(){ 
     angular.bootstrap(document, ['app']); 
    }); 
} 
angular.module('app', ['ionic']);

Я включал Ионные библиотеку к моему проекту v1.2.4 и сделал ссылку на них:

<link rel="stylesheet" href="lib/css/ionic.css">  
<script src="lib/js/ionic.bundle.js"></script>

Но я не вижу ничего, когда просматриваю приложение. Если я использую Ionic v1.0.0, он работает. Что я делаю неправильно? Я хочу использовать Ionic v.1.2.4

Спасибо!

источник

2016-01-25 user3079114

Постарайтесь взглянуть на этот блогпост, он охватывает общие шаги для обработки ионных и MFPF 7.1 (в случае, если это ваша версия).

http://www.raymondcamden.com/2015/08/19/developing-ionic-apps-with-mobilefirst-7-1/

Если ваша версия 7.0, посмотрите на это:

http://www.raymondcamden.com/2015/03/24/working-with-ibm-mobilefirst-and-ionic-bootstraping/

Надежда эта информация поможет,

источник

2016-01-26 00:17:36 Cesar

Я нашел решение. Я добавил пустой тег в тег тела, который заполняет весь экран. Я сделал:

main.css

#dimScreen  
{ 
     position:fixed; 
     padding:0; 
     margin:0; 

     top:0; 
     left:0; 

     width: 100%; 
     height: 100%; 
    }

index.html

<body style="display: none;" id = "dimScreen"> 
      <ion-pane> 
       <ion-header-bar class="bar-stable"> 
        <h1 class="title">Awesome App</h1> 
       </ion-header-bar> 
       <ion-content class="padding"> 
       <button class="button button-assertive">I'm a button</button> 
       </ion-content> 
      </ion-pane> 
      <script src="js/initOptions.js"></script> 
      <script src="js/main.js"></script> 
      <script src="js/messages.js"></script> 
     </body>

источник

2016-01-26 14:33:42 user3079114

Ionic не работает в платформе IBM Mobilefirst

ответ

Смежные вопросы