javascript - 单选按钮拦截 Angular/Javascript 中未经检查的事件

Question

我正在编写一个使用单选按钮的 Angular 组件(由于项目限制，需要使用默认单选按钮)。

我需要打印单选按钮的值(无论是选中还是未选中)。喜欢以下内容:

<input type="radio"  (change)="onUpdate($event)">
<p>{{isActive}}</p>

在组件中是这样的:

onUpdate(event) {
    this.isActive = event.target.checked;
}

但这不起作用，因为当取消选中单选按钮时不会触发更改事件。取消选中单选按钮时，有什么方法可以拦截事件吗？

请帮忙。我卡住了。 <强> Dummy app link here

编辑:我正在尝试做什么

我正在尝试编写一个自定义单选按钮，以便我可以自己设置样式。我无法编写 radio-group 组件。因此我需要一个围绕默认组件的包装器组件。类似于 Stackblitz-link .我需要未经检查的事件，因为我有一些自定义元素必须被通知。有什么办法可以做到这一点？

Answer 1

使用复选框，将其样式设置为单选按钮。似乎是最简单的解决方案，当然使用 ng-model 而不是 onChange。