在剑道文本区域中提供默认的只读值，该值应该能够附加用户输入的值

Question

我正在使用kendo UI进行角度调整（当前在版本9中使用）。我正在寻找一个具有一些默认值的文本区域。默认值应为不可编辑/只读，但文本区域仍应接受用户输入并将用户输入附加到现有默认值。就像有一个可以附加用户输入值的永久占位符。

Answer 1

您是否考虑过<fieldset>？

import { Component } from '@angular/core';

@Component({
    selector: 'my-app',
    template: `
        <fieldset>
        <legend>{{readonlyPreface}}</legend>
        <textarea
          kendoTextArea           
          (valueChange)="forcedPreface($event)"
        >{{myTextArea}}</textarea>
        </fieldset>
        <hr>
        Combined: <textarea readonly>{{combined}}</textarea>
    `
})
export class AppComponent {
  combined: string;

  readonlyPreface = "Diagnosis: ";

  forcedPreface(event) {
    this.combined = this.readonlyPreface + event;
  }
}