Polymer 2. Ändern Sie den Wert auf anderen HTML-Seite (Eisen-Seite) nach Eisen-Ajax Antwort

Question

Wenn ich eine Seite mit Iron-Seite ändern, möchte ich die Werte auf meiner neuen Seite einstellen. Die Eigenschaften haben die richtigen Werte, aber das HTML wird nicht korrekt aktualisiert.

Hier ist meine Seite. Die Bestellbestätigungswerte sind korrekt, wenn ich zu dieser Seite wechsle. Werte in <td> ist immer noch leere Zeichenfolge tho.

<dom-module id="pn-bookpickup-confirmation"> 
<template> 
<style include="main-styles"> 
</style> 
<div class="confirmation-wrapper"> 
    <h3 class="center-header">{{localize("thankYou")}}</h3> 
    <table> 
    <tr> 
     <td>{{localize("orderReference")}}:</td> 
     <td class="font-weight-bold" id="orederRefId">{{orderconfirmation.orderreference}}</td> 
    </tr> 
    </table> 
</div> 
</template> 
<script> 
Polymer({ 
    is: "pn-bookpickup-confirmation", 
    behaviors: [ 
    PnLocalizeBehavior 
    ], 
    properties: { 
    language: { 
     type: String, 
     notify: true 
    }, 
    orderconfirmation: { 
     type: Object, 
     notify: true, 
     value: function() { 
     return { 
      pickuptime: "", 
      orderreference: "" 
     } 
     } 
    }, 
    }, 
    }); 
    </script> 
</dom-module> 

Und hier in meinem Haupt-Seite, wo ich den Schalter auf der anderen Seite zu tun, nachdem ich die richtigen Werte gesetzt:

handleResponse: function (data) { 
    console.log(data.detail.response); 
    var response = data.detail.response.Item; 

    this.orderconfirmation.orderreference = response.order.orderReference; 
    this.orderconfirmation.pickuptime = response.order.operationDate; 
    this.selectedpage = "booking-confirmation"; 
    }, 

Deshalb möchte ich die Auftragsbestätigung Werte im HTML ändern, wenn ich reseziert die Daten. Wer weiß, wie ich damit umgehen soll? Danke

Answer 1

Informationen Sie zur Verfügung gestellt ich versuchen empfehlen: this.setthis.set('orderconfirmation.orderreference', response.order.orderReference); this.set('orderconfirmation.pickuptime ', response.order.operationDate);

die Set-Methode verwenden, um eine beobachtbare Änderung eines subproperty zu machen.

https://www.polymer-project.org/2.0/docs/devguide/model-data