angular - 禁用的单选按钮仍然可以点击

Question

好吧，我的单选按钮有问题，其中两个显示为禁用，另外两个没有。这是我的模拟，您可以在其中看到我的问题：模拟

我的代码是这样的（都在一个表单中），并且 [disabled]="accion === acciones.VER" 意味着当您从按钮“VER”进入表单时，所有这些都应该被禁用：

<div class="form-group mb-3 col">
                <label for="actividad">Actividad:</label>
                <div class="form-check-inline">
                    <input [disabled]="accion === acciones.VER" type="radio"  class="form-check-input ml-3" id="actividad" name="actividad"  value= "Entrada" [(ngValue)]="Entrada" [(ngModel)]="actividad.tipoActividad" checked/>
                    <label class="form-check-label" for="actividad">
                        Entrada
                    </label>
                </div>
                <div class="form-check-inline">
                    <input [disabled]="accion === acciones.VER" type="radio"  class="form-check-input ml-3" id="actividad2" name="actividad"  value="Salida" [(ngValue)]="Salida" [(ngModel)]="actividad.tipoActividad">
                    <label class="form-check-label" for="actividad">
                        Salida
                    </label>
                </div>
            </div>
            <div class="form-group mb-3 col">
                <label for="ejecucion">Ejecución:</label>
                <div class="form-check-inline">
                    <input [disabled]="accion === acciones.VER" type="radio"  class="form-check-input ml-3" id="ejecucion" name="ejecucion" value="Sincrona" [(ngValue)]="Sincrona" [(ngModel)]="actividad.tipoEjecucion" checked/>
                    <label class="form-check-label" for="ejecucion">
                        Síncrona
                    </label>
                </div>
                <div class="form-check-inline">
                    <input [disabled]="accion === acciones.VER" type="radio"  class="form-check-input ml-3" id="ejecucion2" name="ejecucion" value="Asincrona" [(ngValue)]="Asincrona" [(ngModel)]="actividad.tipoEjecucion">
                    <label class="form-check-label" for="ejecucion">
                        Asíncrona
                    </label>
                </div>
            </div>

先感谢您

编辑：

谢谢@diabolique 我编辑了它，但这不是问题。

EDIT2：[attr.disabled] 有效，但是当我按下“ver”时它禁用了按钮，当我按下“edit”或“create”时，我只需要在“ver”上禁用它们并不总是。无论如何，谢谢@diabolique 抽出宝贵时间

标签： angular