Angular 2 检测指令中只读输入的 [ngModel] 绑定的更改

Question

我有这个指令，它根据文本区域的内容设置流体高度：

@Directive({
  selector: '[fluidHeight]',
  host: {
    '(ngModelChange)': 'setHeight()'
  }
})

export class FluidHeightDirective implements AfterViewInit {

  constructor(private elementRef: ElementRef) {}

  ngAfterViewInit() {
    this.setHeight();
  }

  @HostBinding('style.height.px')
  height: number;

  setHeight() {
    console.log(true)
    this.height = this.elementRef.nativeElement.scrollHeight;
  }
}

但是，当我使用 [ngModel] 和 readonly 时，我无法让它工作：

<textarea [ngModel]="foo" fluidHeight readonly></textarea>

还有一个文本区域可以改变readonly 输入的内容。

我尝试过使用ngModelChange、change 和input，但它们似乎都不起作用。

有人知道怎么做吗？

Answer 1

二传手应该可以解决问题：

export class FluidHeightDirective implements AfterViewInit {

    @Input('fluidHeight')
    set content(content:any) {
        this.setHeight();
    }

    constructor(private elementRef: ElementRef) {}

    ngAfterViewInit() {
        this.setHeight();
    }

    @HostBinding('style.height.px')
    height: number;

    setHeight() {
        console.log(true);
        this.height = this.elementRef.nativeElement.scrollHeight;
    }
}