У меня есть список свойств, некоторые из которых включают HTML теги для верхнего или нижнего индекса. Я могу правильно отобразить эти значения в списке Angular Material MatAutoComplete. Я не могу найти способ правильно отобразить выбор пользователя MatOption. Другими словами, выбор пользователя показывает необработанные HTML для этих тегов. Вот соответствующий HTML для моего компонента. Любая помощь будет принята с благодарностью. Спасибо!
<mat-form-field>
<input type="text" aria-label="Number" matInput formControlName="property" [matAutocomplete]= "propertyAutoComplete">
<mat-autocomplete autoActiveFirstOption #propertyAutoComplete="matAutocomplete" [displayWith]="displayWith">
<mat-option *ngFor="let property of filteredPropertyOptions | async" [value]="property" (onSelectionChange)="selectedProperty(property)">
<div innerHTML="{{property.name}}"></div>
</mat-option>
</mat-autocomplete>
</mat-form-field>