角2（インポートスクリプト）でインポートされたモジュールから関数を呼び出す方法

Question

abc.component.ts 
import... 
... 
... 
@component({ ... }) 

export class Abc { 

    public foo(){ 
    console.log("execute foo in UserComponent's xyz() "); 
    } 
} 

user.component.ts 
import... 
... 
... 
import {Abc} from '../utils/abc.component'; 
@Component({ 
    selector: 'user', 
    templateUrl: 'app/user/user.html', 
    providers: [HTTP_PROVIDERS], 
    directives: [Abc] 
}) 
export class UserComponent { 

    xyz(){ 
     Abc.foo(); //--> ? 
    } 
} 

私はuser.component.tsにAbcモジュールをインポートしました。 UserComponentクラスメソッドでAbc.foo（）を呼び出すにはどうすればよいですか？あなたが好き公式ドキュメントのAngula2からParent calls a ViewChildシナリオを使用することができ

Answer 1

plunker例を対応するこの

親コンポーネント

import {Component, ViewChild} from '@angular/core' 

@Component({ 
    selector: 'my-app', 
    template: ` 
    <div> 
     <abc></abc> 
    </div>` 
}) 
export class App { 
    @ViewChild(ABC) 
    private abc:ABC; 
    ngAfterViewInit() { 
    this.abc.foo(); 
    } 
} 

はここhttps://plnkr.co/edit/VPsMTtJ29XBWr7SCqbzA?p=preview