Question

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

因此，假设用户在第一个文本框中键入了任何内容，因此我想更改第二个文本框的值，依此类推。

请注意，所有输入字段都是动态生成的，因此我不能像这样更新占位符： somePlaceholder：字符串=“新值”;

<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>已弃用

想要将占位符添加到动态生成的场角材料

1 个答案: