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值。

相关内容

热门资讯

透视私人局!wepoker辅助... 透视私人局!wepoker辅助插件功能(透视)其实是真的有挂(详细辅助规律教程);一、AI软件牌型概...
分享一款!wpk作弊,hhpo... 分享一款!wpk作弊,hhpoker作弊码怎么用,实用技巧(有挂神器);玩家必备必赢加哟《13670...
透视科技!hhpoker脚本下... 透视科技!hhpoker脚本下载(透视)竟然真的是有挂(详细辅助靠谱教程)1、玩家可以在软件透明挂俱...
玩家必知教程!拱趴大菠萝有什么... 1、玩家必知教程!拱趴大菠萝有什么挂,hhpoker有没有作弊辅助,攻略方法(有挂方法)。2、hhp...
透视辅助!wepoker透视辅... 透视辅助!wepoker透视辅助下载(透视)竟然是真的有挂(详细辅助介绍教程);1、wepoker透...
必备攻略!wepoker透视最... 必备攻略!wepoker透视最简单三个步骤,wepoker可以开透视吗,AI教程(有挂透明);wep...
一分钟揭秘!wepoker是不... 一分钟揭秘!wepoker是不是有人用挂,wepoker破解器激活码,细节揭秘(有挂软件)1、玩家可...
透视有挂!哈糖大菠萝万能挂(透... 透视有挂!哈糖大菠萝万能挂(透视)真是是真的有挂(详细辅助安装教程)1、上手简单,内置详细流程视频教...
分享个大家!hhpoker必备... 分享个大家!hhpoker必备开挂,wepoker有没有辅助,介绍教程(有挂神器);亲真的是有正版授...
透视最新!wepoker辅助器... 透视最新!wepoker辅助器官方(透视)好像是真的有挂(详细辅助AI教程)1、打开软件启动之后找到...