Typescript 复选框Angular 在Ngfor中的其他块中重复

发布于12月20日

我有一个组件，它注入一个子组件，它是一个辅助组件.在父组件中，我有一个NgFor，它复制子组件，在子组件中，我有另一个ngfor，它创建一些复选框.

问题是，当我只选中一个框时，它也会选中另一个组中的同一个框.我怎么才能解决它呢？

父组件:

<div class="bloco-bilhete" id="bilhete1" style="padding: 15px" *ngFor="let divs of div">
<app-checkbox [Itens]="Listdays" (ItensReturn)="setDayReturn($event)"</app-checkbox>
</div>

子元素:

<div class="flex-container">
  <div class="flex-filho" *ngFor="let i of Itens; index as n">
      <input id="checkAceite{{n}}Div{{Div}}" class="form-check-input checbox-espaco" type="checkbox" [checked]="i.value" (change)="i.value = !i.value">
      <label for="checkAceite{{n}}Div{{Div}}" style="font-size: 12pt">{{i.nome}}</label>
  </div>
</div>

我希望支票不要在其他区块重复.

推荐答案

这很可能是因为不同应用程序中的复选框实例共享相同的模型.因此，当您选中一个复选框时，它会影响所有实例.

所以，试着这样做吧:

<div class="bloco-bilhete" id="bilhete{{divId}}" style="padding: 15px" *ngFor="let div of div; let divId= index">
  <app-checkbox [Itens]="div.Listdays" (ItensReturn)="setDayReturn($event)" [divId]="divId"></app-checkbox>
</div>

内部 children 薪酬.

<div class="flex-container">
  <div class="flex-filho" *ngFor="let i of Itens; let n = index">
    <input id="checkAceite{{n}}Div{{divId}}" class="form-check-input checbox-espaco" type="checkbox" [checked]="i.value" (change)="i.value = !i.value">
    <label for="checkAceite{{n}}Div{{divId}}" style="font-size: 12pt">{{i.nome}}</label>
  </div>
</div>

也有点超出范围，但在表单中使用复选框时应将名称属性添加到复选框中

Typescript 复选框Angular 在Ngfor中的其他块中重复

推荐答案

Typescript相关问答推荐

如何将单元测试中的私有订阅变量设置为空(或未定义)？

如何将绑定到实例的类方法复制到类型脚本中的普通对象？

类型是工作.但它失go 了正确变体的亮点..为什么？或者如何增强？

node—redis：如何在redis timeSeries上查询argmin？

无法将select选项的值设置为ngFor循环中的第一个元素

如何在排版中正确键入中间件链和控制器链

如何设置绝对路径和相对路径的类型？

在映射类型中用作索引时，TypeScrip泛型类型参数无法正常工作

隐式键入脚本键映射使用

来自类型脚本中可选对象的关联联合类型

我可以以这样一种方式键入对象，只允许它的键作为它的值吗？

为什么ESLint会抱怨函数调用返回的隐式`any`？

有没有办法在Zod中使用跨字段验证来判断其他字段，然后呈现条件

如何将spread operator与typescripts实用程序类型`参数`一起使用

回调函数中的TypeScrip类型保护返回Incorect类型保护(具有其他未定义类型的返回保护类型)

如何键入并类型的函数&S各属性

有没有更干净的方法来更新key of T的值？

在tabel管理区域react js上设置特定顺序

广义泛型类型不加载抽象类型上下文

为什么在 useState 中设置 React 组件是一种不好的做法？