flatiron-director / core-pages SPA具有路线特定的js功能＆amp;默认路线

Question

我正在与flatiron-director和core-pages合作。我的问题是如何设置默认路由？我如何在特定路线上调用js函数。

我的代码看起来像这样

<template is="auto-binding">
  <flatiron-director id='page-director' route="{{route}}" 
                   autoHash on-director-route="{{routeChanged}}"></flatiron-director>

    <core-menu id="menu">
      <paper-item icon="list" label="1">
        <a href="#1"></a>
      </paper-item>
      <paper-item icon="swap-vert" label="2">
        <a href="#2"></a>
      </paper-item>
      <paper-item icon="file-download" label="3">
        <a href="#3"></a>
      </paper-item>
    </core-menu>

    <core-pages selected="{{route}}"  valueattr="page">
      <div page="1">
        //page 1
      </div>
      <div page="2">
        // page 2
      </div>
      <div page="3">
        //page 3
      </div>
    </core-pages>

</template>

Answer 1

此应用设置了默认路线，应该展示您想要的内容：http://polymer-change.appspot.com/demos/spa.html。

我相信相关的代码是：

var template = document.querySelector('template');

template.addEventListener('template-bound', function() {
  this.route = this.route || 1; // default route to "1".
});