Pass маршрутизации Params к элементу

Question

polymer-starter-kit использует <section> при отображении маршрутизации Params, например:

<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 из любого lifecycle events (например, ready).

Как это можно сделать?

Answer 1

Вы можете получить доступ к Params из «прикрепленным» обратного вызова, как так

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

Вы можете прочитать больше о прикрепленном событии here

У меня также есть рабочий пример here

Answer 2

Будучи элементами, подготовленными из самого глубокого ребенка, событие ready не будет иметь доступа к данным, которые устанавливают мои восходящие компоненты. Если вы хотите внести функциональные изменения в свой элемент на основе этих данных, вам потребуется либо привязать к событию changed, либо подумать о другом способе инициализации этого элемента, что то, что поддерживается из коробки, iron-pages.