Angular 2とSystemJSの循環依存性

Question

循環依存性が原因であると私は思う問題があります。いくつかの広範な研究の後、私は解決策を見つけることができませんでした。この問題に関連しているようです：TypeScriptのTypeError: b is undefined in __extendsですが、それは私を助けませんでした。

this plunkerで問題を簡素化できました。

• A
• クラスFから継承A
• クラスBの配列を含むクラスA、、、作成することができ、工場：

  は基本的に3つのクラスがありますAまたはB値によって異なる

T彼は動的であることができる（各Aはパラメータであり、配列でもよい）パラメータリストを扱い、BはAの特殊化でファイルを処理することを目的としています。私は工場を削除しようとしたが、唯一AとBで、私はまだ同じエラーを取得：

TypeError: b is undefined Error loading http://localhost:3000/app/main.js

ここa.ts

import { F } from './f'; 

export class A { 
    children: A[] 

    constructor(hasChildren: boolean = false) { 
    if (hasChildren) { 
     for (var i = 0 ; i < 10 ; ++i) { 
     let isB = (Math.random() * 2) > 1; 
     this.children.push(F.createObject(isB)) 
     } 
    } 
    } 
} 

b.tsのコードである

import { A } from './a'; 

export class B extends A { 
} 

およびf.ts

import { A } from './a' 
import { B } from './b' 

export class F { 
    static createObject(isB: boolean): A { 
    if (isB) { 
     return new B 
    } else { 
     return new A 
    } 
    } 
} 

Answer 1

あなたは、円形の依存関係をこのようにすることはできません。あなたは、インターフェイス

Plunker example

tata.ts

import { IToto } from './itoto'; 


export class Tata implements IToto { 
    children: Toto[] 
} 

toto.ts

import { Tata } from './tata'; 
import { IToto } from './itoto'; 

export class Toto implements IToto{ 
    children: Toto[] = []; 

    constructor(hasChildren: boolean = false) { 
    ... 
    } 
} 

itoto.ts

を使用することによって回避することができます

export interface IToto { 
    children: Toto[] 
} 

も参照してくださいCircular dependency injection angular 2