polymer - 将路由参数传递给元素

Question

polymer-starter-kit在<section>显示路由参数时使用 a ，如下所示：

<section data-route="user-info">
  <paper-material elevation="1">
    <h2 class="page-title">User: {{params.name}}</h2>
    <div>This is {{params.name}}'s section</div>
  </paper-material>
</section>

但我想将params.name数据传递给一个元素，如下所示：

<notification-section params="{{params}}" data-route="notifications"></notification-section>

虽然我可以将数据传递给元素并在其模板中将其标记出来，但我无法从任何生命周期事件（例如）访问params变量。ready

如何才能做到这一点？

Answer 1

由于元素是从最深的孩子开始准备的，因此该ready事件将无法访问设置我的升序组件的数据。如果您想根据该数据对元素进行功能更改，则需要绑定到该changed事件，或者考虑另一种初始化该元素的方法，即iron-pages.

Answer 2

您可以像这样从“附加”回调中访问参数

Polymer({
  is: 'notification-section',
  properties: {
    params: {
      type: Object,
    },
  },
  attached: function(e) {
    console.log('params', this.params);
  },
});

您可以在此处阅读有关附加活动的更多信息

我也有一个工作演示here