Angular,在事件处理程序之外更改变量
Angular, Change variable outside event handler
我正在尝试更改一个变量以匹配通过 WAMP 路由器从我的后端传入的 JSON。
但是,在我的事件处理程序中,当我尝试 console.log() 时,外部变量始终未定义。此外,事件处理程序中对变量的更改不会应用于外部变量,我不明白为什么...
这是我的服务,数据应该从后端“到达”并被更改
我无法真正创建 运行 stackblitz,因为后端数据和 WAMP 需要集成/模拟太多。
export class HouseService {
public JSONObject: any; //this variable does not change
// function called to connect to wamp
constructor(){
this.JSONObject = 'test';
}
getWampCon(){
this.wampConnection.open();
this.wampConnection.onopen = (session) => {
console.log('wamp connected');
session.subscribe('some.wamp.topic', this.onevent1).then(
(subscription) => {
console.log('ok, subscribed with ID ' + subscription.id);
},
(error) => {
console.log(error);
}
);
};
// Event Handler
onevent1(args, kwargs) {
console.log('got event:', args, kwargs);
console.log(this.JSONObject); // returns undefined and i don't get why
this.JSONObject = args[0];
}
}
函数
getWampCon()
然后在显示组件中调用
我想得到类似下面的东西 AngularJS verison:
function onevent1(args, kwargs) {
console.log("got event:", args, kwargs);
var scope = angular.element(document.getElementById('Receiver')).scope();
scope.$apply(function() {
scope.showMe(args[0]);
});
}
console.log(this.JSONObject); // returns undefined and i don't get why
因为“this”关键字的范围与 HouseService 不同class。这是一个关于 javascript.
的古老故事
尝试这样做:
session.subscribe('some.wamp.topic',(args,kwargs)=>{ this.onevent1(args,kwargs);}).then(...
我正在尝试更改一个变量以匹配通过 WAMP 路由器从我的后端传入的 JSON。 但是,在我的事件处理程序中,当我尝试 console.log() 时,外部变量始终未定义。此外,事件处理程序中对变量的更改不会应用于外部变量,我不明白为什么...
这是我的服务,数据应该从后端“到达”并被更改 我无法真正创建 运行 stackblitz,因为后端数据和 WAMP 需要集成/模拟太多。
export class HouseService {
public JSONObject: any; //this variable does not change
// function called to connect to wamp
constructor(){
this.JSONObject = 'test';
}
getWampCon(){
this.wampConnection.open();
this.wampConnection.onopen = (session) => {
console.log('wamp connected');
session.subscribe('some.wamp.topic', this.onevent1).then(
(subscription) => {
console.log('ok, subscribed with ID ' + subscription.id);
},
(error) => {
console.log(error);
}
);
};
// Event Handler
onevent1(args, kwargs) {
console.log('got event:', args, kwargs);
console.log(this.JSONObject); // returns undefined and i don't get why
this.JSONObject = args[0];
}
}
函数
getWampCon()
然后在显示组件中调用
我想得到类似下面的东西 AngularJS verison:
function onevent1(args, kwargs) {
console.log("got event:", args, kwargs);
var scope = angular.element(document.getElementById('Receiver')).scope();
scope.$apply(function() {
scope.showMe(args[0]);
});
}
console.log(this.JSONObject); // returns undefined and i don't get why
因为“this”关键字的范围与 HouseService 不同class。这是一个关于 javascript.
的古老故事尝试这样做:
session.subscribe('some.wamp.topic',(args,kwargs)=>{ this.onevent1(args,kwargs);}).then(...