Ionic开发笔记

Ionic 开发笔记

记录开发中遇到的一些问题

ion-side-menu,使所有顶部导航标题居中

  <!-- 添加 align-title="center" 使顶部导航标题居中-->
  <ion-side-menu-content>
    <ion-nav-bar class="bar-stable" align-title="center">
      <ion-nav-back-button>
      </ion-nav-back-button>

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

    </ion-nav-bar>

  <ion-nav-view name="menuContent"></ion-nav-view>
  </ion-side-menu-content>

禁止app 横屏

修改配置文件(Config.xml文件)

  <!--
  	添加以下配置

  	orientation设置屏幕方向

  	可选的值有：default，landscape(横屏)，portrait(竖屏)。
  -->
  <preference name="Orientation" value="portrait"/>

日期显示格式化

  <span class="expect-desc">{{costItem.date|date:'yyyy-M-dd'}}</span>

图片显示的路径问题

  /*
    不要使用相对路径

    绝对路径的根目录为www下
  */
  url:'img/fgo/kuang.jpg'