添加侧边菜单后未显示离子内容

Question

我可以查看内容，
内容显示在检查元素中但未显示在屏幕上。 它在添加侧边菜单后发生 感谢。

          <ion-side-menus>
          <ion-side-menu-content>
          <ion-header-bar  class="bar-assertive">
            <div class="buttons">
              <button class="button icon button-clear ion-navicon-round" ng-click="toggleLeft()"></button>
            </div>
            <h1 class="title">Dial A Meat</h1>
            <div class="buttons">
              <button class="button icon ion-ios-cart" ></button>
            </div>
          </ion-header-bar>
          </ion-side-menu-content>
            <ion-side-menu side="left">
              <header class="bar bar-header bar-stable">
                <h1 class="title"></h1>
              </header>
              <ion-content class="has-header">
                <ion-list>
                  <ion-item nav-clear menu-close href="#/app/search">
                    Search
                  </ion-item>
                  <ion-item nav-clear menu-close href="#/app/browse">
                    Categories
                  </ion-item>
                  <ion-item nav-clear menu-close href="#/app/playlists">
                    Products
                  </ion-item>
                </ion-list>
              </ion-content>
            </ion-side-menu>
          </ion-side-menus>


              <ion-content class="has-header has-footer" overflow-scroll="true" padding="true" style="background: url(img/AAJfSCTHDu8c7Ojl09g8_o-MEAT-facebook.jpg) no-repeat center;" ng-controller="homeCtrl" ng-init="getcategory()">
                      <div ng-repeat="x in category" >
                          <a  ng-click="order(x.id)" ng-controller="orderAMeatCtrl" style="dipsplay: inline-block; width: 100%; height: auto;">
                          <h1 style="">{{x.name}}</h1>

                              <img src="img/{{x.image}}" height="auto" width="100%">
                          </a>
                          <!--href="#/page1/order"-->
                      </div>
              </ion-content>