angularjs - url rerouting gives blank page in ionic framework -


this code ...when running program getting blank page checked url routing dont know mistake. plese find mistake , tell me.

this main page. index.html

<!doctype html>     <html ng-app="starter">       <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 rel="stylesheet" href="css/bootstrap.css">         <script src="js/jquery.js"></script>         <script src="js/bootstrap.js"></script>         <script src="lib/ionic/js/ionic.bundle.js"></script>         <script src="cordova.js"></script>         <script src="js/app.js"></script>       </head>       <body  ng-controller="mainctrl">       <ion-nav-view name="menucontent"></ion-nav-view>       </body>     </html> 

this script page app.js

angular.module('starter', ['ionic'])  .config(function($stateprovider, $urlrouterprovider) {    $stateprovider     .state('event', {       url: "/event",       abstract: true,       templateurl: "templates/side-menu.html",       controller:'mainctrl'     })     .state('event.home', {       url: "/home",       views: {         'menucontent' :{           templateurl: "templates/home.html"         }       }     })     .state('event.profile', {       url: "/profile",       views: {         'menucontent' :{           templateurl: "templates/profile.html"         }       }     })   $urlrouterprovider.otherwise("/event"); })  .controller('mainctrl', function($scope, $ionicsidemenudelegate) {   $scope.toggleleft = function() {     $ionicsidemenudelegate.toggleleft();   }; }) 

this side-menu page side-menu.html

<ion-side-menus>         <ion-side-menu-content>            <ion-header-bar id="header" class="bar-positive">                 <button menu-toggle="left" ng-click = "toggleleft()" class = "button button-icon icon ion-navicon-round"></button>                 <ul id="header-right">                   <li><span class="glyphicon glyphicon-print"></span></li>                   <li><span class="glyphicon glyphicon-search"></span></li>                 </ul>           </ion-header-bar>           <div class="tabs-striped tabs-top tabs-background-positive tabs-color-light">             <div class="tabs" id="tabs">               <a class="tab-item" href="#">                  <i class="glyphicon glyphicon-globe"></i>               </a>               <a class="tab-item" href="#">                 <i class="glyphicon glyphicon-circle-arrow-down"></i>               </a>               <a class="tab-item" href="#">                <i class="glyphicon glyphicon-comment"></i>               </a>               <a class="tab-item" href="#">                 <i class="glyphicon glyphicon-user"></i>               </a>             </div>         </div>         </ion-side-menu-content>          <ion-side-menu side="left">           <ion-header-bar class="bar-energized">             <h2 class="title">settings</h4>           </ion-header-bar>              <ion-content  class="left-menu">             <ul class="list">               <a href="#/event/home" class="item" menu-close>home</a>               <a href="#/event/profile" class="item" menu-close>profile</a>             </ul>           </ion-content>         </ion-side-menu> </ion-side-menus> 


Comments

Popular posts from this blog

jOOQ update returning clause with Oracle -

java - Warning equals/hashCode on @Data annotation lombok with inheritance -

java - BasicPathUsageException: Cannot join to attribute of basic type -