如何在Angular2中编写无ngModel双向绑定的自定义指令

import { Directive, ElementRef, OnInit } from '@angular/core';

@Directive({
  selector: '[customDirective]'
})
export class CustomDirective implements OnInit {
  constructor(private el: ElementRef) {}

  ngOnInit() {
    // 在这里执行自定义指令的逻辑
  }
}

import { Directive, ElementRef, Input, OnInit } from '@angular/core';

@Directive({
  selector: '[customDirective]'
})
export class CustomDirective implements OnInit {
  @Input() customValue: any;

  constructor(private el: ElementRef) {}

  ngOnInit() {
    // 在这里使用this.customValue来获取外部传入的值
  }
}

<div customDirective [customValue]="myValue"></div>

import { Directive, ElementRef, Input, OnInit, HostListener } from '@angular/core';

@Directive({
  selector: '[customDirective]'
})
export class CustomDirective implements OnInit {
  @Input() customValue: any;

  constructor(private el: ElementRef) {}

  ngOnInit() {
    // 在这里使用this.customValue来获取外部传入的值
  }

  @HostListener('click', ['$event'])
  onClick(event: MouseEvent) {
    // 在这里处理点击事件
  }
}