myForm: FormGroup; constructor() { this.myForm = new FormGroup({ control1: new FormControl(), control2: new FormControl(), // 其他表单控件 }); } } 在需要禁用特定行的元素上,使用disable()方法来禁用该元素。例如: 代码语言:txt 复制 <input formControlName="control1" [disabled]=...
当input 与表单 form 的相结合使用的时候,如果为 input 设置 [disabled]="false" 的属性时发现未能生效; 日志中会抛出如下警告并提供一种方式; Itlooks like you're using the disabled attribute with a reactive form directive.Ifyousetdisabled totruewhen yousetup this controlinyour componentclass,the disab...
When dealing with an ngForm, I want to disable all included controls so users cannot modify them, e.g. during submit. <form (ngSubmit)="onSubmit()" #form="ngForm"> <input [disabled]="disabled"> <input disabled="true"> <!-- always disabled --> </form> ...
</label> <div class="col-sm-10"> <input type="text" id="disabledTextInput" class="form...
disable 属性不管它的值是false还是true,都会禁用这个标签; Angular 不会禁用这个标签,对于[disabled]="variable"而variable是 false; 解决办法: 可以使用:[attr.disabled]="isDisabled ? '' : null" ('' 表示禁用,null表示不禁用); form 表单中,我们可以在formgroup 中,直接设定 id: new FormControl({value...
可以看到上面的例子,外层的<div>使用了表单formGroup对象advForm,内部的<input>元素使用formControlName="agt_letter"来表明这个表单元素是对象FormGroup对象中的advForm(advForm实际上是FormController对象,只是上面使用了FormBuilder自动生成了)。 4、在模版页面使用表单验证的方法: ...
testForm = new FormGroup({ arrs: new FormArray([]) } ); for (let i = 0; i < this.count; i++) { const control = new FormControl(null, Validators.required); (<FormArray>this.testForm.get('arrs')).push(control); } this.disableInputs(); } 这是启动 FormArray 然后在 for ...
I'm submitting a... [x] Bug report Current behavior I you create a formGroup using formBuilder.group() and call formGroup.disable() or formGroup.enable() right after initialization then it doesn't work. If you call it using button or set...
<form [formGroup]="targetForm" (ngSubmit)="save()" onkeypress="if(event.keyCode==13||event.which==13){return false;}"> <div> <label> 姓名</label> <mat-form-field [floatLabel]="'never'"> <input matInput autocomplete="username" disableautocomplete type="text" name="username" formCon...
@Input({ required: true }) config!: Config; } 当注入了 FormGroupDirective 以获得外层表单(PersonFormComponent 或 AddressFormComponent 中的表单)。 inject(FormGroupDirective).form 返回了一个我分配给 formGroup 输入的 FormGroup 实例。该组件读取了显示标签和错误信息的配置,并将键值绑定到 formControlName...