Html 角度单击事件绑定工作不正常

我想在单击单选按钮时获得相关选择。我的相关文件如下

app.component.html

 <div class="col-md-3">
 <b>Select Catogory</b><br>
  <input type="radio" name="colors" [(ngModel)]="typing" (click)= "checktype(typing)" value="Agent">Agent<br>
  <input type="radio" name="colors" [(ngModel)]="typing" (click)= "checktype(typing)" value="Hospital" >Hospital
  <select>                                                                                                                                          
    <option [(value)]="agent" *ngFor="let agent of agents">{{agent}}</option>
  </select>
</div>

但当我点击代理单选按钮时，它会显示医院单选按钮的相关数据。我不知道代码有什么问题。有人能帮我吗？我犯了什么错误吗？

用ngModelChange替换单击

试着这样做：

改为使用更改事件

<input type="radio" name="colors" [(ngModel)]="typing" (change)= "checktype(typing)" value="Agent">Agent<br>
  <input type="radio" name="colors" [(ngModel)]="typing" (change)= "checktype(typing)" value="Hospital" >Hospital

---

请修复缩进，您当前的代码不可读。您能解释一下吗？但当我单击代理单选按钮时，它会显示医院单选按钮的相关数据。您能尝试为您的收音机提供本地参考名称并在checktype函数中传递值吗？欢迎您。我先回答了这个问题，然后得到了两张反对票，不知道为什么会有仇恨！为什么对输入控制使用双向数据绑定？一个简单的解决方案是将自定义值传递给事件处理程序，如

<input type="radio" name="colors" [(ngModel)]="typing" (ngModelChange)= "checktype(typing)" value="Agent">Agent<br>
<input type="radio" name="colors" [(ngModel)]="typing" (ngModelChange)= "checktype(typing)" value="Hospital" >Hospital

<input type="radio" name="colors" [(ngModel)]="typing" (change)= "checktype(typing)" value="Agent">Agent<br>
  <input type="radio" name="colors" [(ngModel)]="typing" (change)= "checktype(typing)" value="Hospital" >Hospital