在 Angular TypeScript 和 HTML 中为选定的多个文本字段设置单个值

Question

我重复了多个文本框，并使用一个复选框选择了多个文本框。在选定的文本框中，我需要在角度、打字稿中一次输入相同的值。

我给了这样的东西。在我的打字稿中，但不起作用。

@ViewChildren("textboxes") textboxes: QueryList<ElementRef>;
<div class="liststyle" [hidden]="isSetAggLimit">
<div class="row" *ngFor="let state of AllState">
<div class="col-md-4">
<input #checkboxes type="checkbox" class="form-control" (change)="checkBoxClick(state,'S',$event)"> 
</div>
<div class="col-md-4">
<label class="p-l-4">{{state.stateCode}}</label> 
</div>
<div class="col-md-4">
<input #limitValues class="form-control" placeholder="$" type="text" >
</div>
</div>
</div>
</div>

Answer 1

不确定我是否完全理解您的问题，因此如果可能的话，如果这不是您想要的，请通过示例进行澄清。但是我可以看到这样做的一种方法是检查复选框是否已被选中，然后通过单向数据绑定将值注入输入。

<div>
<input type="checkbox" #checkbox>
</div>
<div>
<input type="text" [value]="checkbox.checked ? 'Your value or a variable if you want 
to set it on the typescript file' : ''">
</div>