変数がそのインタフェースを実装するクラスへの参照を含む場合にのみ、インタフェースのプロパティを取得する方法は？

Question

クラスオブジェクトへの参照を含む特定のインターフェイスのオブジェクトのプロパティを取得する必要があります。そのオブジェクトを印刷すると、そのクラスのすべてのプロパティが取得されます。 名とKeyValuesはを、代わりに基本的なランタイムオブジェクトについては何も変更されません型アサーションを使用してAdminReport

Answer 1

のすべてのプロパティを取得：

export interface IReporting 
{ 
    Name: string | null; 
    KeyValues: Array<KeyValue>; 
} 
export class AdminReport implements IReporting 
{ 
    Id: number; 
    UserIcon: string | null; 
    Name: string | null; 
    //Key-values 
    KeyValues: Array<KeyValue>; 
} 
In component class: 
let updated = <IReporting>(this.report); 
console.log(updated); 

が見に期待するべきです。 reportがインタフェースによって定義された形状になるとコンパイラに通知するだけです。あなたが唯一のレポートプロパティを含むクラスを作成し、別のから、それに情報をコピーすることができ

let updated = <IReporting>{ 
    KeyValues: report.KeyValues, 
    Name: report.Name 
} 

：あなたは、サーバーに送信するだけのプロパティが含まれている新しいオブジェクトを作成する必要が

オブジェクト。

export class JustReporting implements IReporting 
{ 
    // All proeprties must be initialized with null or another default so they appear when we call Object.getOwnPropertyNames 
    Name: string | null = null; 
    KeyValues: Array<KeyValue> = null; 
    constructor(data: IReporting) { 
     for (const prop of Object.getOwnPropertyNames(this)) { 
      (<any>this)[prop] = (<any>data)[prop]; 
     } 
    } 
}