如何在Angular2 RC5打字稿中调用共享指令的方法？

Question

I have custom directive in my code that several components should consume. I registered it in my app.module and thus can use it in my templates.

But my problem is that I see no way to call this directive's methods from components code as it doesn't import and register it in directives: [] any longer?

Eg Here when I don't share the directive it is used like

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

but when I extracted these components into the separate modules and moved this directive to a shared module, import .. and directives: [...] are gone and I cannot have private modal: Modal injected to call its method show . If I keep them, I get Error: Type Modal is part of the declarations of 2 modules: ... error message.

Answer 1

Add it to [providers] in your AppModule:

providers: [Modal]

Then you need to import that service in component that should consume it and it will work, there is no need to add it as directives, for example:

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

You can then add it to constructor:

constructor (private modal: Modal)

Now you can use that service:

this.modal.show()

Edit:

Updated the answer to match the code you provided.