Question

如何使用角度材质2和角度来包装文本并支持多行。

<md-input-container fxFlex="18" fxFlexOffset="1">
      <textarea [(ngModel)]="Comments" name="Comments" mdInput placeholder="Comments" ></textarea>
        <md-error>This field is required</md-error>
    </md-input-container>

包装文字意味着，如果内容长于宽度，则文本应显示为多行。

Answer 1

不是textarea元素有多行支持吗？您的意思是为textarea设置行吗？只需使用原生rows属性并将其设置为您选择的值（作为数字）。

<md-input-container fxFlex="18" fxFlexOffset="1">
  <textarea [(ngModel)]="Comments" name="Comments" mdInput placeholder="Comments" rows="3"></textarea>
    <md-error>This field is required</md-error>
</md-input-container>

至于包装文字，我真的不明白你的意思。你能详细说明一下吗？

Answer 2

不是该问题的确切答案，但是由于这是Google搜索中的最佳匹配，适当地为textarea设置行，我们需要使用cdkTextareaAutosize, cdkAutosizeMinRows属性。

    <mat-form-field>
      <textarea matInput placeholder="Your Message" formControlName="message" cdkTextareaAutosize
        cdkAutosizeMinRows="6"></textarea>
    </mat-form-field>

Answer 3

重要提示：

如果将现有的 <input/> 控件转换为 <textarea>，请不要忘记添加 </textarea> strong> 关闭它 - 否则 Angular 编译器会给你一些非常误导性的错误！

（您不需要对 input 执行相同操作，因为它是一个自结束标记。）

角度材料2中的多行文本区域

3 个答案:

重要提示：