Как сделать так, чтобы флажок радио был отключен в angular 2+ с css?

Question

Решение сделать отключенный флажок радио-входа отключенным с условием в angular с css

<input type="radio" [ngClass]="{cssClass: expression}" />

.cssClass{
   color:#f2f2f2;
   cursor: default;
   pointer-events: none;
}

Answer 1

Вы можете назначить отключение радио, как это input[type="radio"]:disabled, и вам просто нужно установить атрибут отключения bse выражения, как это [disabled]="expression "

input[type="radio"]:disabled{
   cursor: default;
   pointer-events: none;
}

input[type="radio"]:disabled +span{
   color:#f2f2f2;
   cursor: default;
   pointer-events: none;
}

шаблон

<div>
    <input type="radio" [disabled]="true" />
    <span>Option 1</span>
</div>

демо ?