是否可以在Angular中将无线电组设为只读?

时间:2018-12-18 01:42:19

标签: html angular

我想是否可以使Angular中的广播组只读。

2 个答案:

答案 0 :(得分:0)

单选按钮不允许使用“只读” 属性。相反,您可以使用 为“已禁用”或“只读”分配的“已禁用”

HTML:

<input type="radio" name="example_6" value="4" disabled="true">

或者您可以将Angular Way与Form Group一起使用

this.myForm.get('Example').disable();

答案 1 :(得分:0)

禁用将失去收音机的价值,所以这不是我们想要的。

没有优雅的方法使其变为只读。 像这样以编程方式使用旧值恢复更改。

oldValue = getInitialOldValueFromServerOrWhatEver();

onChange(event: MatRadioChange, oldValue: someType) {
  if (someCondition) {
    this.yourForm.get('yourRadioGroupFormControlName').patchValue(event.value);
  } else {
    this.yourForm.get('yourRadioGroupFormControlName').patchValue(oldValue);
    // provide some info
    alert('This can not be changed');    
  }
}
<mat-radio-group formControlName="yourRadioGroupFormControlName" (change)="onChange($event, oldValue)">