来自<iron-pages> Polymer 2中每个元素的API调用

Question

我注意到我的应用程序正在发送过多的API调用。它正在从我尚未打开的页面发出呼叫。我的两个页面都在调用它们之前先进行API调用。你能告诉我我要去哪里了吗？

<app-route
    route="{{route}}"
    pattern="/:name"
    data="{{routeData}}"
    tail="{{subroute}}">
</app-route>

<app-drawer-layout fullbleed narrow="{{narrow}}">
  <!-- Drawer content -->
  <app-drawer id="drawer" slot="drawer" swipe-open="[[narrow]]">
    <app-toolbar>Menu</app-toolbar>
    <iron-selector selected="[[routeData.name]]" attr-for-selected="name" class="drawer-list" role="navigation" fallback-selection="home">
      <div name="home">
        <a href="#/mentions">Mentions</a>
      </div>   
      <div name="reviewdashboard">
            <a href="#/reviewdashboard">Reviews</a>
        </div>          
    </iron-selector>
  </app-drawer>

  <!-- Main content -->
  <app-header-layout has-scrolling-region>

    <app-header slot="header" condenses reveals effects="waterfall">
      <app-toolbar>
        <paper-icon-button icon="my-icons:menu" drawer-toggle></paper-icon-button>
        <div main-title>Chuck Norris</div>
        <a name="register-login" href="[[rootPath]]register-login" hidden$="[[storedUser.loggedin]]">Log in</a>            
      </app-toolbar>
    </app-header>

    <iron-pages
        selected="[[routeData.name]]"
        attr-for-selected="name">
        <webpr-reviewdashboard name="reviewdashboard"></webpr-reviewdashboard>
        <webpr-mentions name="mentions"></webpr-mentions>
    </iron-pages>
  </app-header-layout>
</app-drawer-layout>