Angular 2 Material - 文本区域文本未预先填充

时间:2017-09-25 16:48:08

标签: angular-material2

我有一个简单的材质样式textarea,我预先填充数据。但是,textarea将显示占位符上标,就好像在您开始输入之前文本没有显示的文本一样。例如:

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

在开始输入之前我的textareas:

enter image description here

输入后我的textareas:

enter image description here

我试图在a plunker中复制这个,但我无法做到。什么可能导致这个问题?

1 个答案:

答案 0 :(得分:1)

我遇到了同样的问题。材料textarea没有傀儡。我的解决方案是不使用mdTextareaAutosize指令。 Intsead我使用了基本的html。所以我的代码如下:

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

像这样,文本区域已预先填充并按预期工作。希望它有所帮助!