Question

在我的离子应用程序中，我使用ng-repeat来显示卡片，火种式。卡从控制器加载，该控制器将Firebase与阵列中的所述对象的源100相接触。一切都按预期工作，除了卡片不显示，直到我点击屏幕右上角的菜单按钮。然后它们就会存在，从不在DOM上，到我检查元素时出现的所有内容。

我怀疑它与离子设置的HTML组织有关，但我的谷歌搜索留下了我的缺乏，希望有人在这里有类似的经历。

＆＃13;

  <ion-nav-view>
<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-ios7-arrow-back"></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 nav-clear menu-close ng-click="login()">
          Login
        </ion-item>
        <ion-item nav-clear menu-close href="#/app/search">
          Search
        </ion-item>
        <ion-item nav-clear menu-close href="#/app/browse">
          Browse
        </ion-item>
        <ion-item nav-clear menu-close href="#/app/cards">
          Cards
        </ion-item>
      </ion-list>
    </ion-content>
  </ion-side-menu>
</ion-side-menus>
  </ion-nav-view>

＆＃13;

Answer 1

听起来你需要在从firebase加载数据后触发摘要。我怀疑这是因为当您点击某些内容时视图会更新。

尝试在加载数据的异步代码后调用$ timeout。您需要像$ scope一样将其注入该上下文中。 $ timeout是触发摘要循环的技巧。

ng-repeat没有出现在离子中

1 个答案: