聚合物单向结合不起作用

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-属性永远不会改变 - _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.

聚合物单向结合不起作用

Polymer one-way-binding not working

html

javascript

properties

polymer