想要将占位符添加到动态生成的字段角度材质

Question

我有一个 Angular Reactive 表单，其中输入字段是动态生成的 我想更改动态生成的输入字段的占位符 基于用户在第一个文本框中选择的内容。

所以假设用户在第一个文本框中输入了任何内容，因此我想更改第二个文本框的值等等..

请注意所有输入字段都是动态生成的，所以我不能像这样更新占位符： 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> 已弃用