型付き配列（Typescript）の未定義のプロパティですか？

Question

私は単純な問題に苦しんでいます（しかし、それはすでに私に頭痛を与えています）。 私は以下のコードがあります：「未定義」として、私はなぜが、私のためにオブジェクト1リターン知らないと私は「this.array [0]」はこの

のようなJSONを返す強調するとき

interface IFoo{ 
    ReturnFirstBarObject1(): string; 
    FillBarArray(array: Array<Bar>): void; 
} 

class Bar { 
    object1: string; 
    object2: string; 
} 

class Foo implements IFoo{ 
    array: Array<Bar>; 

    constructor(){ 
    this.array = new Array<Bar>(); 
    } 

    public ReturnFirstBarObject1(): string { 
    return this.array[0].object1; 
    } 

    public FillBarArray(array: Array<Bar>): void { 
    this.array = array; 
    } 
} 

$(document).ready(function(){ 
    var foo = new Foo(); 

    $.get('url/getBars?FooID=1') 
    .done(function(data: any){ 
     foo.FillBarArray(data); 
    }); 

    var object1 = foo.ReturnFirstBarObject1(); 
}); 

を

"{'object1' : 'someString', 'object2' : 'someString'}" 

object1にアクセスしたいが、それは未定義を返し、typescriptが配列オブジェクトをBarとして認識するため、Jsonで回避策を実行できない。

これがなぜ起こっているのか、誰が知っていますか、Barプロパティに正しくアクセスするにはどうすればよいですか？あなたのAJAX呼び出しは、したがって、あなたが未定義のエラーを取得している、配列を埋める前に

Answer 1

結果はjsonオブジェクトではなくjson文字列です。試してください$.getJSON。

また、ReturnFirstBarObject1への呼び出し後にjqueryのコールバックが返される可能性のある@Madhu Ranjanの回答は、この問題を引き起こす可能性のある別の問題です。

Answer 2

あなたがarrayを満たしている前に、最初の要素を取得しようとしているようで、

コードの下で実行されます。

var object1 = foo.ReturnFirstBarObject1(); 

あなたは、AJAXの内側にこのコードを移動した場合、それが動作するはず呼び出し、

$.get('url/getBars?FooID=1') 
    .done(function(data: Array<Bar>){ 
    foo.FillBarArray(data); 
    var object1 = foo.ReturnFirstBarObject1(); 
}); 

・ホープ、このことができます！