Angular 2 Material - Textbereich Text nicht vorbelegt

Question

Ich habe ein einfaches Material Stil Textarea, die ich mit Daten vorbefüllen. Das Textarea wird jedoch den Platzhalter hochgestellt, als ob es Text gibt, der nicht angezeigt wird, bis Sie beginnen zu tippen. Beispiel:

<md-form-field> 
    <textarea 
     formControlName="description" 
     mdInput 
     mdTextareaAutosize 
     minRows="5" 
     maxRows="10" 
     placeholder="Write a comment..."> 
    </textarea> 
    </md-form-field> 

Meine Textbereiche, bevor Sie anfangen zu tippen:

Meine Textfelder nach der Eingabe:

Ich habe versucht, dies in a plunker aber ich zu replizieren könnte nicht. Was könnte dieses Problem verursachen?

Answer 1

Ich hatte das gleiche Problem. Materielles Textfeld wird nicht verpuppt. Die Lösung für mich war, die mdTextareaAutosize Direktive nicht zu verwenden. Intsead habe ich das grundlegende HTML verwendet. Also mein Code ist der folgende:

<md-input-container style="width: 100%"> 
    <textarea 
     rows="4" 
     cols="50" 
     mdInput 
     placeholder="Comment" 
     [formControl]="contentControl" 
     [(ngModel)]="commentDTO.content"> 
    </textarea> 
</md-input-container> 

So ist der Textbereich vorbelegt und funktioniert wie erwartet. Ich hoffe es hilft!