网站搜索

typescript - 如何在第二次点击时取消选中 Angular 2+ 的单选按钮


我正在尝试在 Angular 2+ 中实现单击第二次时取消选中单选按钮,就像在 angularjs 中那样。我有一个对象数组,使用 *ngFor 显示,因此在一个表单中有多个单选按钮组。我需要一个实现,仅取消选中指定的单选按钮。我尝试的所有实现都会在选中和取消选中多个按钮时发生,而其他实现根本不起作用。

这是我目前的代码。我如何使用 TypeScript 实现第二次点击取消选中单选按钮?

答案#1

你需要将单选按钮的值绑定到 ngModel,并且应该监听 ngModelChange 或 click 事件,而不是 change 事件。

这个答案可能也对你有帮助 https://stackoverflow.com/a/42447116/4544288

答案#2

请尝试使用更多的单选按钮运行你的代码。它工作得好吗?你能尝试在再次点击时取消选中已选的单选按钮吗?我的意思是你的 stackblitz 代码:stackblitz.com/edit/angular-bootstrap4-jo5acq。