Хотите добавить заполнитель в динамически создаваемое поле Angular Материал

Question

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

Итак Предположим, что пользователь ввел что-либо в первое текстовое поле, поэтому я хочу изменить значение второго текстового поля и т. Д.

Обратите внимание, что все поля ввода генерируются динамически, поэтому я не могу просто обновить заполнитель следующим образом: somePlaceholder: string = "новое значение";

<form [formGroup]="productForm">
            <div formArrayName="products">
                <div *ngFor="let prd of products().controls; let i=index" [formGroupName]="i">
                    <div class=""> 

                        <mat-form-field  class="">
                            <input OnlyNumber="true" DecimalPlaces="3" (keyup)="ChangePlaceHolderValue(i)"  [errorStateMatcher]="matcher" maxlength="16"  matInput id="txtProdFees" name="txtProdFees" formControlName="txtProdFees" class="form-control">
                            <mat-error *ngIf="this.productFrmArray.controls[i].controls.txtProdFees.errors?.greaterthanzero">Value should be greater than {{minProdFees}}</mat-error>
                            <mat-error *ngIf="this.productFrmArray.controls[i].controls.txtProdFees.errors?.maxError">Fees cannot be greater than {{maxProdFee}}</mat-error>
                            <mat-error *ngIf="this.productFrmArray.controls[i].controls.txtProdFees.errors?.invalid">Fees should be greater than {{productFrmArray.controls[i].controls.txtProdFees.errors?.lowerfee}}</mat-error>
                        </mat-form-field> 
                    </div> 
                </div>
            </div>
            </form>

Answer 1

просто используйте переменную

<input matInput [placeholder]="variable">
//in ts
variable="Ex. pizza"

ПРИМЕЧАНИЕ: <mat-placeholder> устарело