Angular2設置 <textarea> 在IE 11上使用占位符文本時顯示為臟

Question

我對此問題進行了一些研發，Angular1也發生了同樣的問題，大多數人建議使用ng-attr-placeholder，但是Angular2中沒有針對此問題的修復程序。

我問的是Angular2，而不是Angular1。

Answer 1

我已經找到解決方案：

為占位符文本創建自定義指令

TS：

import { Directive, ElementRef, Input } from '@angular/core';
import { NgControl } from "@angular/forms";
@Directive({
  selector: '[customPlaceholder]'
})
export class PlaceholderDirective {
  constructor(private el: ElementRef, private control : NgControl) { }
  @Input('customPlaceholder')
    public set defineInputType(pattern: string) {
        this.el.nativeElement.placeholder = pattern;
        setTimeout(() => {
            this.control.control.markAsPristine();
        }, 0);
    }
}

並在您的HTML中

HTML：

<textarea type="text" customPlaceholder="Message" class="form-control" formControlName="message" rows="10" >
</textarea>

問題是它將<textbox>設置回原始狀態，並通過setTimeOut實現。 但是對於永久解決方案，角度小組應研究IE為什么將<textbox>設置為臟。