角度：绑定到“选中”属性时，触发单选按钮的“更改”事件

Question

我有以下单选按钮：

<input type="radio" class="form-control" name="productSel" id="product1" 
                (change)="handleChangedEvent(retailProduct)"
                [checked]="retailProduct.id === currentRetailProduct.ReplacementRetailProductId">

我想完成的事情似乎很简单，但我无法使其正常工作。

如您所见，我对[checked]属性有一个条件。当此条件消失为真时，我希望触发(change)事件，但事实并非如此。仅当我手动选择页面上的单选按钮时才会触发。

我该怎么做？

Answer 1

您可以尝试以下方法：

<input type="radio" class="form-control" name="productSel" id="product1" 
(change)="radio.checked && handleChangedEvent(retailProduct)"
[checked]="retailProduct.id === currentRetailProduct.ReplacementRetailProductId">