SideMenu没有出现离子

时间:2016-07-05 03:13:49

标签: javascript angularjs ionic-framework

我似乎无法使侧边菜单正常工作。会发生什么是我可以看到侧边栏按钮,但页面内容消失,按钮没有点击打开任何东西。

这是我的route.js

angular.module('app.routes', [])

.config(function($stateProvider, $urlRouterProvider) {

  $stateProvider

      .state('jobStore', {
    url: '/homePage',
       views:{
      'userSettings':{
        templateUrl:"templates/userSettings.html",
        contoller: 'sideMenuCtrl'
      }
    }

    })

这是我的侧边菜单,名为userSettings.html

<ion-side-menus>

  <ion-pane ion-side-menu-content>
    <ion-nav-bar class="bar-stable">
      <ion-nav-back-button class="button-clear"><i class="icon ion-chevron-left"></i> Back</ion-nav-back-button>
    </ion-nav-bar>
    <ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>
  </ion-pane>

  <ion-side-menu side="left">
    <header class="bar bar-header bar-stable">
      <h1 class="title">Left</h1>
        </header>
        <ion-content class="has-header">
<ion-list>
<ion-item id="userSettings-list-item11" class="  ">Application</ion-item>
                <ion-item id="userSettings-list-item12" class="  ">Dashboard</ion-item>
       </ion-list>
        </ion-content>
    </ion-side-menu>
</ion-side-menus>

和我的index.html

  <div>
        <ion-nav-bar class="bar bar-header bar-positive">

        <ion-nav-buttons side="left">
          <button menu-toggle="left"class="button button-icon icon ion-navicon"></button>
        </ion-nav-buttons>

          <ion-nav-back-button class="button-icon icon ion-ios-arrow-back">Back</ion-nav-back-button>
        </ion-nav-bar>
        <ion-nav-view></ion-nav-view>
    </div>

0 个答案:

没有答案