我有一个复选框列表,并且某些输入文本只想在选中的复选框旁边显示。在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>
您可以执行以下操作:
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>
您可以做:
。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);
}