Angular: запускать событие «изменить» переключателя при привязке к атрибуту «флажок»

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">