インターフェイスと型エイリアスを配置する場所

Question

angular2プロジェクトでカスタムインターフェイスとエイリアスを使用します。例えば、私は製品のリストを示しコンポーネントを実装していますので、私はProductインタフェースを定義する必要があります。

export interface Product { 
    id: number; 
    name: string; 
    price: number; 
} 

は今、私はへのインターフェイスを置く場所が必要です。私はそれがコンポーネントフォルダ内にあるべきだと思っています。私もソースの中を覗き込んでおり、角度はすべてのインターフェイスをfacadeフォルダに入れているようです。

components 
| 
|--- product-list 
    | 
    |--- facade 
    | | 
    | |--- product.ts 
    | 
    |--- product-list.component.ts 
    |--- product-list.component.html 
    |--- product-list.component.css 

インタフェースは次のように使用されます：

export class RowComponent implements OnInit { 
    @Input() product: Product; 
    @Output() productRemoved: EventEmitter<ProductRemoved> = new EventEmitter(); 

    constructor() { 
    } 

これは実行可能なアプローチですだから私は、次のような構造になってしまいましたか？問題の案件に固有のスタイルガイドがありますか？

Answer 1

IMHOは、モデルクラスの上の同じファイルに配置するのが最も簡単で簡単なソリューションです。

interface ProductJson { 
    id: number; 
    name: string; 
    price: number; 
} 

export class Product{ 
    constructor(private id:number, 
       private name:String, 
       private price:number){} 


    public static fromJson(productJson : ProductJson) : Product { 
      // 
    } 
} 

EDIT：フォルダ構造について：

product-list 
| 
|--- component 
| | 
| |--- product-list.component.ts 
| |--- product-list.component.html 
| |--- product-list.component.css 
| 
|--- model 
| | 
| |--- product.ts 
| 
|--- service 
     | 
     |--- product-service.ts 

など。

これは私が何をすべきかです。