Чтобы получить входное значение и отобразить его в HTML с помощью Angular 8, вы можете использовать различные методы. Вот несколько примеров:

1. Двусторонняя привязка данных:

   • В HTML-файле компонента создайте поле ввода, используя директиву ngModel, чтобы привязать входное значение к свойству компонента. Например:

     <input [(ngModel)]="inputValue" type="text">

   • В файле TypeScript вашего компонента объявите свойство inputValueи используйте его для отображения значения в шаблоне. Например:

     inputValue: string;

2. Реактивные формы:

   • В HTML-файле компонента создайте элемент управления формой, используя директиву formControlName, и привяжите его к свойству компонента. Например:

     <input [formControlName]="inputControl" type="text">

   • В файле компонента TypeScript импортируйте необходимые модули формы и создайте элемент управления формой. Например:

     import { FormControl, FormGroup } from '@angular/forms';
     
     inputControl: FormControl = new FormControl();

3. Ссылочная переменная шаблона:

   • В HTML-файле компонента создайте поле ввода и назначьте ему ссылочную переменную шаблона. Например:

     <input #inputRef type="text">

   • В файле TypeScript компонента используйте @ViewChildдля доступа к входному значению. Например:

     import { ViewChild, ElementRef } from '@angular/core';
     
     @ViewChild('inputRef', { static: false }) inputElement: ElementRef;

Это всего лишь несколько способов получить входное значение и отобразить его в HTML с помощью Angular 8. Вы можете выбрать тот, который лучше всего соответствует вашим потребностям.