Angular 中的复选框对象

砂光机

如何从选定的对象中创建一个新数组?

.ts

  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>
用户4676340

将您的输入绑定到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);
  }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

angular js中的复选框功能

来自分类Dev

图像作为Angular中的复选框

来自分类Dev

Angular中的多个复选框

来自分类Dev

Angular patchValue() 复选框

来自分类Dev

如何计算Angular中的选定复选框?

来自分类常见问题

检查ANGULAR 10中是否已选中复选框

来自分类Dev

附加到Angular.js中的模型的复选框

来自分类Dev

在Angular 2中使用管道过滤复选框

来自分类Dev

如何取消选中angular2中的复选框

来自分类Dev

Angular2中的复选框未触发事件

来自分类Dev

如何过滤从Angular中的复选框值排序的列表?

来自分类Dev

如何禁用Angular 6中的特定动态复选框?

来自分类Dev

检查ANGULAR 10中是否已选中复选框

来自分类Dev

Angular 10中复选框已选中状态

来自分类Dev

使用复选框在Angular中显示或隐藏按钮

来自分类Dev

在Angular Watch中获取复选框组值

来自分类Dev

Angular和JSON API中的动态复选框列表

来自分类Dev

在Angular 2中使用管道过滤复选框

来自分类Dev

Angular中的复选框条件类不起作用

来自分类Dev

如何使用 Angular 2 中的复选框删除多行?

来自分类Dev

如何在Angular中接受多个选中的复选框?

来自分类Dev

Angular - 读取表格中复选框的行值

来自分类Dev

在 Angular 中的(更改)属性之外禁用复选框的使用

来自分类Dev

如何在复选框Angular 8的复选框中以逗号分隔的字符串连接值

来自分类Dev

使用角度材料在angular5中选择所有复选框并单选复选框

来自分类Dev

Angular.js。复选框的型号

来自分类Dev

Angular 2复选框preventDefault

来自分类Dev

使用Angular获取复选框的价值

来自分类Dev

Angular 2 杠杆复选框输入