Question

当我用铁页更改页面时，我想在新页面上设置值。属性具有正确的值，但html无法正确更新。

这是我的页面。切换到此页面时，orderconfirmation值是正确的值。 <td>中的值仍为空字符串。

<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>

在我的主页中，我设置正确的值后切换到另一页：

  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";
  },

所以我想在重新设置数据时更改HTML中的orderconfirmation值。谁知道我应该如何处理这个？谢谢

Answer 1

您提供的信息我建议您尝试：this.set this.set('orderconfirmation.orderreference', response.order.orderReference); this.set('orderconfirmation.pickuptime ', response.order.operationDate);

使用set方法对子属性进行可观察的更改。

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

聚合物2.在铁-ajax响应之后更改其他html-page（铁页）上的值

1 个答案: