从组件访问angular2指令

import { Component, ViewChild } from '@angular/core';
import { MyDirective } from './my.directive';

@Component({
  selector: 'app-my-component',
  template: `
    <div myDirective></div>
  `
})
export class MyComponent {
  @ViewChild(MyDirective)
  myDirective: MyDirective;

  ngAfterViewInit() {
    // 访问指令的属性和方法
    this.myDirective.someProperty = 'some value';
    this.myDirective.someMethod();
  }
}

<div myDirective #myDirectiveRef></div>

import { Component, ViewChild } from '@angular/core';
import { MyDirective } from './my.directive';

@Component({
  selector: 'app-my-component',
  template: `
    <div myDirective #myDirectiveRef></div>
  `
})
export class MyComponent {
  @ViewChild('myDirectiveRef', { static: true })
  myDirective: MyDirective;

  ngAfterViewInit() {
    // 访问指令的属性和方法
    this.myDirective.someProperty = 'some value';
    this.myDirective.someMethod();
  }
}