Question

这是我的链接http://codepen.io/sanand29/pen/mKkvw

<html ng-app="ionicApp">

    <title>Ionic Template</title>

    <link href="http://code.ionicframework.com/1.0.0-beta.8/css/ionic.css" rel="stylesheet">
      <script src="http://code.ionicframework.com/1.0.0-beta.8/js/ionic.bundle.js"></script>
      </head>
      <body ng-controller="MyCtrl">
       <ion-view class="pane"></ion-view>
    <ion-side-menus>
      <ion-side-menu-content>
          <ion-header-bar class="bar-positive">
            <button class="button button-icon icon ion-navicon-round"
              menu-toggle="left"
            ></button>
           <h1 class="title">Welcome</h1>
        </ion-header-bar>
         <ion-list>
            <ion-item href="#/tab/admission-information" class="item item-icon-right ">
              Admission-Information
              <i class="icon ion-chevron-right icon-accessory"></i>
            </ion-item>
            <ion-item href="#/tab/contacts" class="item item-icon-right "> 
              Contacts
              <i class="icon ion-chevron-right icon-accessory"></i>
            </ion-item>
            <ion-item href="#/tab/program-details" class="item item-icon-right "> 
              Program details
              <i class="icon ion-chevron-right icon-accessory"></i>
            </ion-item>
            <ion-item href="#/tab/tution-fees" class="item item-icon-right "> 
              Tution fees
              <i class="icon ion-chevron-right icon-accessory"></i>
            </ion-item>
            <ion-item href="#/tab/financial-aids" class="item item-icon-right "> 
              Financial Aids
              <i class="icon ion-chevron-right icon-accessory"></i>
            </ion-item>
            <ion-item href="#/tab/faqs" class="item item-icon-right "> 
              FAQs
              <i class="icon ion-chevron-right icon-accessory"></i>
            </ion-item>
        </ion-list>
      </ion-side-menu-content>
      <ion-side-menu side="left">
        <ion-header-bar class="bar-assertive">
            <h1 class="title">Left menu</h1>
        </ion-header-bar>
      </ion-side-menu>
    </ion-side-menus>
    <script type="text/javascript">
    angular.module('ionicApp', ['ionic'])
  .controller('MyCtrl', function($scope) {
  });</script>

我给出的导航栏，点击它们不会从左向右滑动。我已经正确地给出了滑块类，我想，我找不到我的错。请小提琴或代码笔显示。任何帮助将不胜感激

Answer 1

如果您想要在点击标签时滑入视图，则应使用ion-nav-view上的animation课程。

如果您希望在用户在视图中滑动时让视图滑入，则应使用ion-slide-box

从左到右滑块不起作用

1 个答案: