formControlName="wffssj" 禁止输入
时间: 2023-07-12 15:52:49 浏览: 89
您可以通过以下方式禁止输入:
1. 在 HTML 中,添加 "readonly" 属性,例如:
```
<input type="text" formControlName="wffssj" readonly>
```
2. 在 TypeScript 中,使用 "disable" 方法禁用控件,例如:
```
this.form.get('wffssj').disable();
```
无论哪种方法,都可以禁止用户输入特定的表单控件。
相关问题
<td> <nz-select nzPlaceHolder="请选择采购明细" class="form-control" formControlName="buyOrderItem"> <nz-option *ngFor="let buyOrderItemOption of currentBuyOrderItems" [nzValue]="buyOrderItemOption" [nzLabel]="buyOrderItemOption.item?.serialNo + ' / ' + buyOrderItemOption.quantity" > </nz-option> </nz-select> </td> <td> <input nz-input type="number" class="form-control" formControlName="receiptCount" /> </td> 以上是angular的前端代码的两个td 现在想要将第一个td中的下拉框选中的单号对应的该单的数量自动填入第二td中 应该怎么编写更改这段代码
你可以在第一个td中的下拉框的change事件中,获取选中的采购明细的数量,并将其填入第二个td中的input中。具体代码如下:
```html
<td>
<nz-select nzPlaceHolder="请选择采购明细" class="form-control" formControlName="buyOrderItem" (ngModelChange)="onBuyOrderItemChange($event)">
<nz-option *ngFor="let buyOrderItemOption of currentBuyOrderItems" [nzValue]="buyOrderItemOption" [nzLabel]="buyOrderItemOption.item?.serialNo + ' / ' + buyOrderItemOption.quantity"></nz-option>
</nz-select>
</td>
<td>
<input nz-input type="number" class="form-control" formControlName="receiptCount" [value]="receiptCount" />
</td>
```
```typescript
// 在组件中添加以下代码
receiptCount: number;
onBuyOrderItemChange(buyOrderItem: any) {
this.receiptCount = buyOrderItem.quantity;
}
```
这样,当你选中第一个td中的下拉框选项时,第二个td中的input就会自动填入选中采购明细的数量。
为什么加完这个disable后还是可以输入 <td> <input nz-input type="number" class="form-control" formControlName="receiptCount" [value]="receiptCount" [disabled]="true"/> </td>
可能是因为在某些浏览器中,即使将 `disabled` 属性设置为 `true`,输入框仍然可以输入。这是一种浏览器的行为,而不是 HTML 规范中定义的行为。为了确保输入框被禁用,请尝试使用 `readonly` 属性代替 `disabled` 属性。`readonly` 属性允许用户查看但不允许编辑输入框中的值。修改代码如下:
```
<td>
<input nz-input type="number" class="form-control" formControlName="receiptCount" [value]="receiptCount" readonly/>
</td>
```
如果您仍然无法解决问题,可以提供更多的上下文或代码示例,以便更好地理解问题。