如何调用Angular 2指令中定义的方法

Question

我是Angular 2的新手，我在当前的Component

中注入了指令

@Component({
    selector: 'select-me',
    templateUrl: 'app/template.html',
    directives: [BackgroundChange]    // I want to access this same instance to make the dynamic changes
})

export class PageComponent {
 constructor(private backgroundChange:BackgroundChange) {
// I guess this will create new instance of BackgroundChange
}

}

我想调用BackgroundChange中可用的方法从PageComponent

动态地进行一些更改

Answer 1

指令是独立的，应该在您的HTML模板中使用 - 不会注入您的PageComponent ... aka指令不可注射。

BackgroundChange指令可以访问它在模板中附加的HTML元素 - 并且应该在其中进行操作。

Angular docs：https://angular.io/docs/ts/latest/guide/attribute-directives.html#!#apply-directive