AngularMaterial复选框:将真实值添加到数组中
创始人
2024-10-28 09:30:18
0

在HTML文件中添加一个带有ngModel指令的复选框,并添加一个单击事件(change),该事件将触发一个方法,该方法将真实的值添加到数组中。


  Checkbox Label

在组件.ts文件中,声明一个名为selectedItems的空数组,并编写addToSelectedItems()方法,该方法将需要添加到该数组中的真实值进行处理。

import { Component } from '@angular/core';

@Component({
  selector: 'app-checkbox-example',
  templateUrl: './checkbox-example.component.html',
  styleUrls: ['./checkbox-example.component.css']
})
export class CheckboxExampleComponent {
  selectedItems: Array = [];

  addToSelectedItems() {
    if (this.isChecked) {
      this.selectedItems.push('valueToAdd');
    } else {
      const index = this.selectedItems.indexOf('valueToAdd');
      if (index > -1) {
        this.selectedItems.splice(index, 1);
      }
    }
  }
}

这样,每次单击复选框时,将会调用addToSelectedItems()方法,在selectedItems数组中添加或删除true值。

相关内容

热门资讯

现就发布提示!红龙poker辅... 现就发布提示!红龙poker辅助平台(透视)微乐家乡自建房辅助app(原来存在有辅助app)-哔哩哔...
透视中牌率!wepoker软件... 透视中牌率!wepoker软件辅助程序(透视)柚子联盟辅助器下载(一贯存在有辅助app)-哔哩哔哩亲...
透视辅助!佛手在线大菠萝辅助(... 透视辅助!佛手在线大菠萝辅助(透视)越乡游金花辅助(都是真的有辅助插件)-哔哩哔哩1、完成佛手在线大...
透视模拟器!hhpoker作必... 透视模拟器!hhpoker作必弊码(透视)呱呱丰城双剑辅助(确实真的是有辅助安装)-哔哩哔哩1、让任...
透视ai代打!大菠萝免费辅助(... 透视ai代打!大菠萝免费辅助(透视)欢聚水鱼智能辅助app(本来真的有辅助工具)-哔哩哔哩;1、全新...
据玩家消息!wepoker有没... 据玩家消息!wepoker有没有挂(透视)海南琼崖海南辅助功能(原来真的是有辅助工具)-哔哩哔哩1、...
透视教学!wepoker辅助透... 透视教学!wepoker辅助透视(透视)天天福建辅助器(确实真的有辅助安装)-哔哩哔哩1、天天福建辅...
透视安卓版!wepoker破解... 透视安卓版!wepoker破解是真的还是假的(透视)至友互娱情怀辅助插件(切实是有辅助下载)-哔哩哔...
透视透视!hhpoker破解工... 透视透视!hhpoker破解工具(透视)决战加血辅助(切实是真的辅助安装)-哔哩哔哩1)决战加血辅助...
透视智能ai!hhpoker外... 透视智能ai!hhpoker外开挂靠谱吗(透视)传送屋万能辅助器(本来有辅助下载)-哔哩哔哩1、很好...