從另一個模塊/窗口訪問Angular 2組件

我期待從另一個模塊以及窗口對象訪問Angular 2組件。窗口對象僅用於在瀏覽器控制檯中播放，而不是實際用於生產（fyi）。我想我可以'導出默認類MyComponent'，但似乎並不奏效。我將如何從另一個模塊/窗口訪問實例化的MyAppComponent類？從另一個模塊/窗口訪問Angular 2組件

<body> 
    <my-app></my-app> 
    <script> 
     System.import('ang').then(function (ang) { 
      window.ang = ang; 
     }); 
    </script> 
</body>

...

import {Component, View, bootstrap} from 'angular2/angular2'; 

@Component({ 
    selector: 'my-app' 
}) 
@View({ 
    template: `<h1>Hello {{ count }}</h1><br>` 
}) 

class MyAppComponent { 
    public count: number; 

    constructor() { 
     this.count = 0; 
    } 

    public increment(): void { 
     this.count++; 
    } 
} 

bootstrap(MyAppComponent);

然後想要做這樣的事情：

bootstrap(AppComponent, [ 
    ROUTER_PROVIDERS, 
]).then((app)=> { 
    window.app = app 
});

然後從撥打電話：

ang.increment();

來源

2015-08-08 wayofthefuture

您可以從引導回調做控制檯

app.instance.myMethod()

來源

2016-02-15 18:25:20 Danxil

從另一個模塊/窗口訪問Angular 2組件

回答

相關問題