检查复选框是否以角度选中

问题描述 投票:0回答:2

我有一个复选框列表,并且某些输入文本只想在选中的复选框旁边显示。在AngularJs中,它非常非常简单。在角度看来,这是不可能的。我看到这个问题有很多答案,但没有一个有效!谁能给我一个简单 工作解决方案?

谢谢,奥斯纳特。

这是我的代码:

<tr *ngFor="let eachService of services; let i = index">
     <td class="service-td" *ngIf="services[i]"><input type="checkbox">
          <span>{{services[i]}}</span>
     </td>
     <input [hidden]="???" type="text" value="wl">
</tr>

angular checkbox
2个回答
0
投票

您可以执行以下操作:

component.ts

selectedValue = '';

component.html

<tr *ngFor="let eachService of services; let i = index">
     <td class="service-td" *ngIf="services[i]">
       <input [(ngModel)]="selectedValue" type="checkbox" [value]="eachService">
          <span>{{eachService}}</span>
     </td>
     <input [hidden]="!(selectedValue === eachService)" type="text" [value]="wl">
</tr>

0
投票

您可以做:

。html

Box1 <input #checkBox type="checkbox" (change)="determineCheck($event)">

<div *ngIf="checkBox.checked">
    Something here in box1....
</div>

。ts

  determineCheck(evt:any){
    console.log(evt.target.checked);
  }
© www.soinside.com 2019 - 2024. All rights reserved.