JSON文字列をTSオブジェクトにデシリアライズ

Question

非常に簡単な手順であると思われる部分に苦労しています。

"geolocate.ts"関数 "setData"では、モデルのインデックスは？ "flightplan"と "config"は、 "model.flightplan"または "model.config"から参照されるときにChromeデバッガによって「未定義」と表示されます。 "モデル"オブジェクト自体は、デバッガで展開しても問題ないと思われます。

任意の考えやポインタを非常に高く評価されるだろう;）

geolocate.d.ts

export class FmsFlightPlan { 
    public status: string[]; 
    ... 
} 

export class Config { 
    public airportIcon: IconSettings; 
    ... 
} 

export class InitModel { 
    public config: Config; 
    public flightplan: FmsFlightPlan; 
} 

geolocate.ts

import * as passedData from "./geoLocate.d"; 

let config: passedData.Config; 
let flightPlan: passedData.FmsFlightPlan; 

export function setModel(json: string): void { 
    console.log(json); // '{"Config": { "AirportIcon": {...} ...}, {"Flightplan": {"Status": [], ... } ...}' --- As expected (JSONlint OK) 

    const model: passedData.InitModel = JSON.parse(json); 
    console.log(model); // Chrome console: {Config: {…}, Flightplan: {…}} 

    flightPlan = model.flightplan; // flightPlan and config are assigned "undefined" 
    config = model.config;  // "model" looks OK and Intellisense works. 

    flightplanDraw(); 
} 

TSCはjavascriptのを生成

function setModel(o) { 
    console.log(o); 
    var e = JSON.parse(o); 
    console.log(e), flightPlan = e.flightplan, config = e.config, flightplanDraw() 
} 

.NETのコアビューJavascriptを

function gmapsReady() { 

    initMap(); 
    $.getJSON("/Home/GetConfig", 
     null, 
     function(data) { 
      setModel(data); 
     }); 
} 

.NET MVCコントローラ

public JsonResult GetConfig() 
{ 
    // Load fplan and config objects 
    ... 
    ... 

    InitModel initModel = new InitModel 
    { 
     Flightplan = fplan, 
     Config = _config 
    }; 

    string json = JsonConvert.SerializeObject(initModel); 
    return new JsonResult(json); 
} 

Answer 1

最初の問題は、一方で、flightplanとconfigなどの分野にアクセスしていることのようですJSONではFlightPlanとConfigです。だからあなたはundefinedを得ています。

あなたのクラスにメソッドを追加することを予定している場合、主にあなたをかむことの後に大きめの問題は、Config、FlightPlanなどのに対し、クラス、およびのインスタンスがあり、JSON.parseによって生成さのものは、簡単なJavaScriptオブジェクトであるということです彼らはそのクラスに属するだろう。したがって、次のようなものがある場合：

let x = new Config(); 
x.airportIcon = 'foo'; 
console.log(x.constructor); // Prints 'Config' 
let y = JSON.parse('{"airportIcon": "foo"}'); 
console.log(y.constructor); // Prints 'Object something or other' 

したがって、2つは構造的には同等ですが、機能的には同等ではありません。 TSキャストを実行しても、xと同じようにyの機能を呼び出すことはできません。これらが単純なDTOであればOKです。しかし、そうでない場合は、これについて明示して、JSオブジェクトからアプリケーションに変換する別のステップを実行する必要があります。

---

恥知らずなプラグイン：私はこの正確なプロセスを自動化するraynorを書いた - DTOタイプと、より便利なJavaScriptクラスの間で変換します。

---

またcamelCase`」にPascalCaseからフィールド名を変換するために、.NET側でJSONシリアライザを構成することができます。