代码之家 › 专栏 › 技术社区 › sander

复选框对象角度

checkbox angular

sander · 技术社区 · 7 年前

如何从所选对象中创建新数组?

  selectedObjects: object[];
  objectArray: object[];

HTML

  <div *ngFor="let object of objectArray">
      <input [checked]="selectedObjects" type="checkbox" name="object.name" value="object.property2">{{object.name}}
    </div>

1 回复 | 直到 7 年前

Maryannah 7 年前

将输入绑定到 change 事件:

<input type="checkbox" (change)="updateSelected(object.property2)" name="object.name" value="object.property2">{{object.name}}

在TS中:

updateSelected(value: string) {
  if (this.selectedObjects.includes(value)) {
    this.selectedObjects.splice(this.selectedObjects.indexOf(value));
  } else {
    this.selectedObjects.push(value);
  }
}

推荐文章

Mickey Vershbow · 无法获取复选框的“checked”属性

3 年前

XAZG ÐÐµÐ¸Ð·Ð²ÐµÑÑÐ½ÑÐ¹ · 如何在for js之后重置字符串变量

3 年前

SãOãNã JãOãã · Google sheets复选标记条件格式化

3 年前

Ranjith Raina · 在jquery中,可以将所有复选框值转换为逗号分隔的字符串

3 年前

Alex · 引导对齐表单开关左侧的标签

3 年前

Khilen Maniyar · 角度2:带有复选框的阵列工作不正常

7 年前

Yash Saraiya · jQuery datatable:在每个分页上启用几个文本框

7 年前

Kais · 带有输入复选框的表格选中/取消选中

7 年前

Silu K · 单击复选框后,如何将之前的所有复选框设置为在angular 4中选中

7 年前

yuggmeister · 如何使自定义复选框可访问?

7 年前