0

私は単純な Angular2 アプリケーションを持っています。これには、、、、合計4つAppのコンポーネントが含まれています。P1P2ChildAppP1P2P1P2Child

コードは次のとおりです。

@Component({ 
  selector: 'child',
  template: '<div> child <div>',
})
export class ChildCmp {}

@Component({ 
  selector: 'p1',
  template: '<div> P1: <child></child></div>',
  directives:[ChildCmp],
})
export class P1Cmp {}

@Component({ 
  selector: 'p2',
  template: '<div> P2: <child></child><child></child></div>',
  directives:[ChildCmp],
})
export class P2Cmp {}

@Component({ 
  selector: 'my-test',
  template: '<p1></p1><p2></p2>',
  directives:[P1Cmp, P2Cmp],
})
export class TestApp {}

bootstrap(TestApp);

アプリをトリガーする index.html は、必要な Angular2 のすべてのライブラリを備えたプレーンなものです<my-test></my-test>。

Plunkerでデモを確認できます 、コンソールログが表示されます

EXCEPTION: TypeError: viewFactory_ChildCmp0 is not a function

このアプリは Angular2 の初期化で壊れます。 を とChildの両方に入れるP1とP2、壊れます。

なぜそれが壊れるのですか？

4

1 に答える 1

3

まず第一に、Angular 2 beta.1 には縮小されていないバージョンを使用してください。.min.js バージョンに問題があることが十分に文書化されています。第二に、今のところbeta.1を避けてください。あなたの例はbeta.0で完全に動作します

于 2016-01-26T07:59:38.700 に答える