Polymer 聚合物应用程序路径问题与子例程

我想在这方面寻求您的帮助： 我有一个具有以下结构的应用程序：

路线：

<my-app>
    - <my-application>
    - <my-admin>
          - <my-adminlogin>
          - <my-workplace>

当我进入应用程序“我的应用程序”元素，当我在url“/admin”中写入时，应用程序会自动显示“我的管理”元素，这项工作非常完美。 我想知道如何继续使用应用程序的其余部分，因为我需要在“my admin”元素中执行完全相同的操作，以在默认情况下显示“my adminlogin”，如果我写入“/admin/workplace”，则显示my workplace元素。 我真的不知道是否必须在

元素中创建一个新的

元素，或者是否必须使用子例程，但在这种情况下，我还没有找到使用子例程的方法

---

非常感谢您的帮助，谢谢。

您必须将子例程传递到

然后，它成为

<app-location route="{{route}}"></app-location>
    <app-route
        route="{{route}}"
        pattern="/:page"
        data="{{routeData}}"
        tail="{{subroute}}">
    </app-route>
    <iron-pages role="main" selected="[[page]]" attr-for-selected="name">
        <my-application name="application"></my-application>
        <my-admin name="admin"></my-admin>
    </iron-pages>

properties: {
        page: {
          type: String,
          reflectToAttribute: true,
          observer: '_pageChanged'
        },
      },
      observers: [
        '_routePageChanged(routeData.page)'
      ],
      _routePageChanged: function(page) {
        this.page = page || 'application';
      },
      _pageChanged: function(page) {
        // load page import on demand.
        this.importHref(
          this.resolveUrl('my-' + page + '.html'), null, null, true);
      }

<my-admin name="admin" route={{subroute}}></my-admin>