javascript - Angular2 回调函数中作用域变量的访问值

我正在尝试从 DB 检索数据并将其设置为作用域变量。'this' 在回调中不能用作 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);

    } );
  }

最佳答案

当你说你尝试了 zone.你是什​​么意思？您是否注入(inject) NgZone 并在其中执行代码。

这个问题可以给你一些提示: View is not updated on change in Angular2 。

你从哪里得到你的 map 实例。如果它在区域外实例化，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 child property change not firing update on bound property 。

希望能帮到你
蒂埃里

关于javascript - Angular2 回调函数中作用域变量的访问值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34849970/