角度单击事件绑定无法正常工作

debugcn 发表于 Dev

你还有

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

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>

app.component.ts

checktype(typing){
   console.log(typing)
   if(typing=="Agent"){
    this.agents=["amila","kasun", "ayesh"]
    console.log(typing)
  }else{
   this.agents=["hemas","general", "Asiri"]
   console.log(typing)
   }
  }

但是，当我单击“代理”单选按钮时，它将显示“医院”单选按钮的相关数据。我不知道代码有什么问题。有人可以帮助我吗？我有做错什么吗？

阿德里塔·沙玛（Adrita Sharma）

替换(click)为(ngModelChange)

尝试这样：

工作演示

<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

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。