javascript - polymer 单向绑定(bind)不起作用

Question

经过几个小时的尝试，我还是一无所知。也许你们中的一些人已经有了答案。我创建了一个如下所示的 polymer 模板:

<dom>
</dom>
<script>
Polymer ({
  is: 'foo',
  proprties: {
    timeRange: {
     type: String,
     value: 'day',
     readOnly: true,
     observer: "_refresh",
    },
    ...
  },
  ...
});
</script>

观察者功能仅用于调试。调用主机这样使用:

<dom>
  <foo time-range='[[timeRange]]'></foo>
</dom>
<script>
Polymer ({
  is: 'host',
  proprties: {
    timeRange: {
     type: String,
     value: 'day',
     readOnly: true,
     notify: true,
     observer: "timeRangeChanged",
    },
    ...
  },
  onDayTap: function() {
    this._setTimeRange('day');
  },

  onMonthTap: function() {
    this._setTimeRange('month');
  },

  onYearTap: function() {
    this._setTimeRange('year');
  },
  ...
});
</script>

“timeRangeChanged”观察者刷新图表。但是 foo 中的 timeRange-property 永远不会改变 - _refresh-observer 在启动时只被调用一次。我做错了什么。

希望有人能帮助我

PS。我正在使用 Polymer 1.0

希望这会有所帮助:

https://jsfiddle.net/fLbp26kp/

Answer 1

Polymer ({
  is: 'foo',
  properties: {
    timeRange: {
     type: String,
     value: 'day'
     observer: "_refresh",
    }
  }
});

如果您尝试更新 foo.timeRange，您需要从 timeRange 中删除 readOnly 以便从其他地方设置它。 Foo without readOnly.