[英]Access value of the scope variable inside callback function in Angular2
我正在尝试从数据库中检索数据并将其设置为范围变量。这在回调内部不能作为angular2范围。 我不知道为什么。 我试过超时,区域。 气东西,无极的东西。 我真的不知道它们是什么,所以我无法使用它。
//in service.ts
listFriends(callback) {
result_data = [];
db.transaction(function(tx) {
tx.executeSql('SELECT * from mytable', [], function(tx, results) {
length = results.rows.length;
for (i = 0; i < length; i++) {
//console.log(results.rows.item(i));
result_data.push(results.rows.item(i))
}
callback(result_data);
}, null);
});
}
//in component.ts
public allmyFriends: any;
public self = this;
public test;
constructor(myFriendService: MyFriendService) {
this.myFriendService = myFriendService;
this.myFriendService.listFriends((response) => {
//trying to set value to the scope variable.but not working
this.test="test working";
//same as above
this.allmyFriends = response;
//getting the response from the service successfully
console.log("in list" + this.allmyFriends);
} );
}
当你说你试过区域。 你到底是什么意思? 你注入NgZone并在其中执行代码。
这个问题可以给你一些提示: 视图没有更新Angular2中的更改 。
从哪里获得地图实例。 如果它在区域外实例化,Angular2将无法检测到mapLatitudeInput
属性的更新。
你可以尝试这样的事情:
export class MapComponent {
constructor(ngZone:NgZone) {
this.ngZone = ngZone;
}
someMethod() {
this.myFriendService.listFriends((response) => {
this.ngZone.run(() => {
this.test="test working";
this.allmyFriends = response;
console.log("in list" + this.allmyFriends);
});
});
}
此问题也可能与您的问题有关: Angular2子属性更改未在绑定属性上触发更新 。
希望它对你有帮助,蒂埃里
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.