Ионное содержимое меню меню пустая страница

Я взял пример ионного бокового меню и изменил некоторые части.Ионное содержимое меню меню пустая страница

index.html

<!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></title> 

     <link href="lib/ionic/css/ionic.css" rel="stylesheet"> 
     <link href="css/style.css" rel="stylesheet"> 
     <link href="lib/ion-gallery/dist/ion-gallery.css" rel="stylesheet"> 
     <script src="lib/ionic/js/ionic.bundle.js"></script> 
     <script src="cordova.js"></script> 
     <script src="js/app.js"></script> 
     <script src="js/controllers.js"></script> 
     <script src="lib/ion-gallery/dist/ion-gallery.min.js"></script> 
    </head> 

    <body ng-app="starter"> 
     <ion-nav-view></ion-nav-view> 
    </body> 
</html>

menu.html

app.js

angular.module('starter', ['ionic', 'starter.controllers', 'ion-gallery']) 
     .run(function($ionicPlatform) { 
     $ionicPlatform.ready(function() { 
      if (window.cordova && window.cordova.plugins.Keyboard) { 
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
      cordova.plugins.Keyboard.disableScroll(true); 

      } 
      if (window.StatusBar) { 
      StatusBar.styleDefault(); 
      } 
     }); 
    }) 

    .config(function($stateProvider, $urlRouterProvider, ionGalleryConfigProvider, $ionicConfigProvider) { 
     $ionicConfigProvider.backButton.text(''); 
     $stateProvider 
     .state('app', { 
      url: '/app', 
      abstract: true, 
      templateUrl: 'templates/menu.html', 
      controller: 'AppCtrl' 
     }) 

     .state('app.articles', { 
      url: '/articles', 
      views: { 
      'menuContent': { 
       templateUrl: 'templates/articles.html', 
      } 
      } 
     }) 

     .state('app.article-1', { 
      url: '/article-1', 
      views: { 
      'menuContent': { 
       templateUrl: 'templates/article-1.html', 
      } 
      } 
     }) 
     $urlRouterProvider.otherwise('/app/articles'); 
    });

articles.html

<ion-view view-title="articles"> 
    <ion-content> 
     <ion-list> 
      <ion-item href="#/app/article-1">article-1</ion-item> 
     </ion-list> 
    </ion-content> 
</ion-view>

статья-1.html

<ion-view view-title="article-1"> 
    <ion-content class="padding text-right"> 
     Hello! 
    </ion-content> 
</ion-view>

Теперь, когда я открываю боковое меню и перейти на страницу статьи в IOS и андроид имитаторов и реального устройства, и выберите статью -1 из меню, «Привет!» показывает с первого взгляда, а затем скрывается. в чем проблема?

источник

2015-12-28 Hamid Zamani

Я подготовил Plunker (http://plnkr.co/edit/hj5uzStgRBoIFwFCqryC) на основе вашего кода (с некоторыми незначительными изменениями), но я не вижу никакой проблемы ... Не могли бы вы проверить пожалуйста? – beaver

Спасибо, но эта проблема возникла в симуляции iOS и реальном устройстве. в Интернете у меня тоже нет проблем. –

Итак, вы должны указать конкретный контекст, в котором возникает проблема ... Пожалуйста, добавьте конкретную информацию и добавьте соответствующие теги – beaver

после многих часов, наконец, я обнаружил, что проблема была от простого стиля направления к телу.

body { 
    direction: rtl; 
}

после удаления этого стиля, все работает отлично!

источник

2015-12-28 11:40:05

Ионное содержимое меню меню пустая страница

ответ

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