Angular2 RC5タイスクリプトで共有ディレクティブのメソッドを呼び出すにはどうすればよいですか？

Question

私はコード内にいくつかのコンポーネントが消費するカスタム指示文を持っています。私はそれを私のapp.moduleに登録したので、私のテンプレートでそれを使うことができます。

しかし、私の問題は、このディレクティブのメソッドをコンポーネントコードから呼び出す方法がないことです。これは、インポートしてもそれを​​に登録する必要がありません。

など。ここで 私はそれが

import { Modal } from '../bootstrap'; 
    @Component({ 
     templateUrl: '.....html', 
     directives: [Modal] 
    }) 
    export class MyComponent { 
      constructor(private modal: Modal) { 
      this.modal.show(); 
     } 
    } 

のように使用されているが、私は別のモジュールにこれらのコンポーネントを抽出し、共有モジュールにこのディレクティブを移動したとき、import ..とdirectives: [...]がなくなっていると私はprivate modal: Modalを持つことができないディレクティブを共有していませんそのメソッドを呼び出すために注入したshow。私がそれらを保持する場合、私はError: Type Modal is part of the declarations of 2 modules: ...エラーメッセージを取得します。

Answer 1

あなたAppModuleに[providers]にそれを追加します。

providers: [Modal]

は、その後、あなたがそれを消費する必要があるコンポーネントでそのサービスをインポートする必要があり、それが動作します、のために、ディレクティブとして追加する必要はありません例：

import { Modal } from '../bootstrap';

その後、コンストラクタにそれを追加することができます

constructor (private modal: Modal)

今、あなたは、そのサービスを使用することができます。

this.modal.show()

編集：

は、あなたが提供されたコードに合わせて、答えを更新しました。