Uncaught TypeError：未定義の 'rowsdata'プロパティを設定できません

Question

ノード2で角度2で作業しているところがあります。以下は私のコードです。行（可変）をthis.rowsdata（可変）に設定できませんでした。 私は、ノードJが非同期呼び出しを使用しているという理由があると思います。それがthis.rowsデータが行のために未定義になる理由です。ここ

/// <reference path="../typings/node/node.d.ts" /> 
import { Component } from 'angular2/core'; 
import { OnInit } from 'angular2/core'; 

declare var module : any; 
declare var jQuery : any; 
var rowsdata : any[] = []; 
// self = this; 
interface ROWS { 
name : string, 
current_balance : number 
} 

@Component({ 
selector : 'portfolioList', 
templateUrl : '../app/view/portfoliolist.html', 
moduleId : module.id 
}) 

export class PortfolioList implements OnInit { 
// self : any = this; 

constructor() { 
// var self : this; 
} 

ngOnInit(): any { 
this.showdata(); 
// console.log(this.rowsdata); 
} 

showdata() { 
console.log("called"); 
var portfolioList = require('../app/api/showPortfolio.js'); 
portfolioList.showPortfolio(function(err:any, rows:any) { 
    console.log(rows); 
    // self.rowsdata = rows; 
    this.rowsdata = rows; 
}); 

// console.log(self.rowsdata); 

console.log(rowsdata); 
} 
} 

showPortfolio機能は、あなたのコードで

exports.showPortfolio = function(callback) { 
db.all(squel .select() 
.from("portfolios") 
.field("name") 
.field("current_balance") .toString() , function(err, rows) {  callback(null, rows) }); 
} 

Answer 1

である：脂肪の矢印に

portfolioList.showPortfolio(function(err:any, rows:any) { 

変更この：

portfolioList.showPortfolio((err:any, rows:any) => { 

もっと

https://basarat.gitbooks.io/typescript/content/docs/arrow-functions.html

Answer 2

私はこのコードでコメントを投稿できないので、私は答えを投稿します。 このように動作するはずです。私はいくつか余分なログを入れました。

showdata() { 
console.log("called"); 
var _this = this; 
console.log(_this); 
var portfolioList = require('../app/api/showPortfolio.js'); 
portfolioList.showPortfolio(function(err:any, rows:any) { 
    console.log(rows); 
    console.log(_this); 
    _this.rowsdata = rows; 
}); 

// console.log(self.rowsdata); 

console.log(rowsdata); 
} 
}