聚合物1.x数据绑定远程值

Question

这是我在HTML中的自定义标记，我希望{{value}}根据元素加载时的延迟进行更改。

<my-latency value={{value}}></my-state>

下面是我正在尝试编写的自定义元素，它确实计算了用户和服务器之间的延迟。但是我不知道如何将等待时间的值(console.log已经很好地去掉了)恢复为定制标记的值。

<link rel="import" href="../../bower_components/polymer/polymer.html"> 

<script>

Polymer({
is:     "my-latency",
ready:  function() {
            socket = io('http://198.191.94.231:9000');

            socket.emit('latency', Date.now(), function(startTime) {
                var latency = Date.now() - startTime;
                console.log(latency); // returns: 203
            });
},

这就是一切开始出错的地方……

properties: {

latency: number,

    response: {
        value: latency,
        type: number,
        reflectToAttribute: true,
        readOnly: true,
        notify: true
    }

},

responseHandler: function(response) {
  this.value = latency;
}

});
</script>

Answer 1

看起来ready()错过了分配给this.value的任务

var latency = Date.now() - startTime;
this.value = latency;