Есть ли способ отобразить статический текст с надписью в форме углового материала, стилизованного под ввод, чтобы они разделяли типографику?

Question

Я строю форму с угловым материалом.В некоторых местах я хотел бы включить статический текст и метку, стилизованную под ввод данных формы, только без интерактивности и без подчеркивания, например:

Я смог взломать это вместе с пользовательским классом:

      <mat-form-field floatLabel="always" class="static-text">
        <input matInput disabled placeholder="My Label" value="My Text" />
      </mat-form-field>

      .static-text {

        :disabled {
          color: black;
        }

        ::ng-deep .mat-form-field-underline {
          display: none;
        }
      }

Однако я должен включить как атрибут disabled, так и пользовательский класс.Я также попытался просто использовать статические текстовые элементы со встроенными классами типографских угловых материалов, но они выглядят неправильно, потому что нет элемента mat-form-field, обертывающего их.

<div>
    <p class="mat-caption">My Label</p>
    <p class="mat-body">My Text</p>
</div>

Есть ли на самом деле встроенный способ сделать это или другая стандартная реализация?

Answer 1

Из того, что я могу сказать, Angular Material не имеет такой возможности в своем API.То, что вы искали бы, будет нативный Angular или HTML.

В Angular выполните: [disabled]="true" (или истинное условие вместо true).В Angular вы также можете сделать [readonly]="true".