Перезагрузка элемента после загрузки данных в полимер
Я создаю приложение сполимер, В моем приложении пользователь входит в приложение. Когда они входят, я пытаюсь показать их заказы. Затем они могут выбрать заказ и просмотреть детали заказа. Для отображения заказов у меня есть пользовательский элемент, который выглядит следующим образом:
<dom-module id="customer-orders">
<template>
<div class="content">
<h3>Welcome. You have ordered:</h3>
<template is="dom-repeat" items="{{ orders }}" as="order">
<div on-click="orderSelected">
<span>[[ order.total ]]</span>
<span>[[ order.description ]]</span>
</div>
</div>
</template>
<script>
Polymer({
is: 'customer-orders',
properties: {
orders: {
type: Array,
notify: true,
value: function() {
return [];
}
}
},
orderSelected:function() {
/* What goes here? */
}
});
</script>
</dom-module>
Как мне "сказать"customer-orders
перезагрузить свои данные? Мое приложение структурировано примерно так:
<div class="row">
<div class="col-md-12">
<user-account></user-account>
</div>
</div>
<div class="row">
<div class="col-md-4">
<customer-orders></customer-orders>
</div>
<div class="col-md-8">
<customer-order></customer-order>
</div>
</div>
Как вы можете себе представить, когда пользователь входит в систему, мне нужно обновить данные заказов клиентов. Затем, когда пользователь выбирает заказ, мне нужно получить детали заказа. Есть два сценария, в которых мне нужно «обновить» данные элемента управления.
Моя проблема в том, что элементы на экране, и пользователь, возможно, не вошел в систему, или, возможно, они не выбрали заказ. По этой причине я не могу использоватьcreated
, ready
или жеattached
Обратные вызовы. Это как я должен слушать, когда пользователь входит в систему или выбирает заказ. Затем, либо а) рассылайте сообщение по всему приложению, которое каким-то образом элементы слушают, либо б) конкретно расскажитеcustom-order
обновить. Тем не менее, я не уверен, как, или есть ли способ сделать любой из них.
Любая помощь приветствуется.