2017-09-25 15 views
0

データをあらかじめ入力しておく単純なマテリアルスタイルのテキストエリアがあります。ただし、テキストエリアには、プレースホルダの上付き文字が表示され、入力するまでテキストが表示されません。例:角2材料 - テキスト領域のテキストがあらかじめ用意されていません

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

マイテキストエリアあなたが入力を開始する前に:

enter image description here

を私のテキストエリアあなたが入力した後:

enter image description here

私はa plunkerでこれを複製しようとしたが、I couldnt。何がこの問題を引き起こす可能性がありますか?

+0

関連するコンポーネントクラスコードを共有できますか? –

答えて

0

私は同じ問題を抱えていました。マテリアルtextareaはpupulatedされていません。私の解決策は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> 

テキスト領域が事前に用意されており、期待通りに動作しますので、私のコードは次のようです。それが役に立てば幸い!

関連する問題