Предоставление значения по умолчанию только для чтения в текстовой области кендо, которое должно иметь возможность добавлять введенное пользователем значение

Question

Я использую интерфейс кендо для angular (в настоящее время версия 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;
  }
}