javascript - ng-repeat 没有出现在 ionic 中

Question

在我的 ionic 应用程序中，我使用 ng-repeat 来显示卡片，采用 tinder 风格。这些卡片是从一个 Controller 加载的，该 Controller 与 Firebase 联系以获取数组中 100 个所述对象的来源。一切都按预期工作，除了卡片在我单击屏幕右上角的菜单按钮之前不会显示。然后它们突然出现，从不在 DOM 上到当我检查元素时它们全部出现。

我怀疑它与 ionic 设置的 HTML 组织有关，但我的谷歌搜索让我有所欠缺，希望这里的人有类似的经历。

  <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>

Answer 1

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

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