Question

我想设置＆＃39; readonly＆＃39;在assetId字段按键期间数量字段的属性。

 <!-- Asset ID Field-->
  <div class="form-group">
     <label for="Asset ID">Asset ID:</label> 
      <input autocomplete="off" type="text" class="form-control" id="assetId" name="assetId" formControlName="assetId" (keypress)="setAssetId()">
 </div>

<!-- Quantity Field-->
<div class="form-group">
  <label for="Quantity">Quantity:</label> 
  <input autocomplete="off" type="text" class="form-control" id="quantity" name="quantity" formControlName="quantity">
</div>

这是我的角度函数：

public setAssetId(){
   console.log('Key changed');
   this.form.controls['quantity'].patchValue(1);
   this.form.controls['quantity'].set('readonly'); // I want to something like that
}

请帮我解决这个问题......

Answer 1

您可以将属性设置为输入事件，如下所示：

<强>打字稿：

 isOk: boolean;
 public setAssetId(){
      ....
      isOk = true; 
 }

<强> HTML

 <input autocomplete="off" [readonly]="isOk" type="text" class="form-control" id="quantity" name="quantity" formControlName="quantity">

如何设置输入字段属性＆＃39; readonly＆＃39;来自Angular组件

1 个答案: