javascript - 如何从 Aurelia 中的函数更新属性

Question

我想在推送操作中刷新属性的值，但我不知道如何从函数访问该属性！

export class Datas {
    prop1 = "my val";
}

var connection = new WebSocket('ws://localhost:8787', 'json');
connection.onmessage = function (e) {
     // prop1 of Datas = e.data;
};

有任何想法吗 ？

编辑：页面加载后，我想在收到推送消息时刷新数据。

编辑2：测试代码

数据.js：

export class Data {
    static information = '';
}

视图模型.js

import {bindable} from 'aurelia-framework';
import { Data } from 'data';

export class ViewModel {
    constructor() { 
        this.informaton = Data.information;
    }

    logState(){
        console.log("state of Data.information : " + Data.information);
        console.log("state of this.information : " + this.information);
    }
}

var connection = new WebSocket('ws://localhost:8787', 'json');
connection.onmessage = function (e) {
    Data.information = e.data;
    console.log("receiving a message : Data.information = " + Data.information);
};

视图模型.html：

<template>
   <span id="spanAff">${information}</span>
   <br/>
   <input type="button" value="log" click.trigger="logState()" />
</template>

日志：

“接收消息：Data.information = 4”
“Data.information 的状态：4”
“this.information 的状态：未定义”

Answer 1

我在另一个论坛上得到了这个解决方案：

export class ViewModel {
  constructor() { 
    this.information = 'my val';
    var connection = new WebSocket('ws://localhost:8787', 'json');
    connection.onmessage = e => {
        this.information = e.data;
    };
  }
}