Angular 7 - 从数组中删除（下拉列表的值）
创始人
2024-10-16 14:03:52
0次

以下是一个使用Angular 7从数组中删除特定值的示例代码：

  1. 在组件的HTML文件中，创建一个下拉列表，并绑定到组件的数组属性：
  1. 在组件的Typescript文件中，定义一个数组和一个变量来存储所选值：
values: string[] = ['Value 1', 'Value 2', 'Value 3'];
selectedValue: string;
  1. 当用户选择一个值时，使用数组的splice方法从数组中删除该值：
removeValue() {
  const index = this.values.indexOf(this.selectedValue);
  if (index > -1) {
    this.values.splice(index, 1);
  }
}
  1. 在组件的HTML文件中添加一个按钮，并绑定到removeValue方法：

这样，当用户选择一个值并点击“Remove”按钮时，该值将从数组中删除。

上一篇：Angular 7 - 从数据库中显示字节的图像

下一篇：Angular 7 - 从通过Ajax调用的html中去除内联CSS

相关内容

热门资讯

6分钟辅助！三江互娱辅助，其实... 6分钟辅助！三江互娱辅助，其实是有辅助脚本（详细教程）三江互娱辅助脚本下载中分为三种模型：三江互娱辅...
9分钟辅助！福建天天开心万能辅... 9分钟辅助！福建天天开心万能辅助，切实真的有辅助脚本（有挂透明挂）进入游戏-大厅左侧-新手福利-激活...
第九分钟辅助！微信小游戏万能修... 第九分钟辅助！微信小游戏万能修改器，真是有辅助app（揭秘有挂）1.微信小游戏万能修改器 选牌创建新...
三分钟辅助！心悦辅助器，果然存... 三分钟辅助！心悦辅助器，果然存在有辅助app（有挂助手）所有人都在同一条线上，像星星一样排成一排，每...
第2分钟辅助！潮汕来物局有透视... 第2分钟辅助！潮汕来物局有透视软件吗，好像有辅助神器（讲解有挂）在进入潮汕来物局有透视软件吗软件靠谱...
6分钟辅助！新道游科技透视通用... 6分钟辅助！新道游科技透视通用版1，总是真的有辅助神器（有挂秘诀）1、任何新道游科技透视通用版1透视...
十分钟辅助！欢聚水鱼脚本，好像... 十分钟辅助！欢聚水鱼脚本，好像真的是有辅助神器（有挂透明挂）欢聚水鱼脚本脚本下载中分为三种模型：欢聚...
第4分钟辅助！丫丫打锅子辅助，... 第4分钟辅助！丫丫打锅子辅助，确实是真的有辅助技巧（有挂教学）1、进入到丫丫打锅子辅助是否有挂之后，...
第二分钟辅助！哈糖大菠萝可以开... 第二分钟辅助！哈糖大菠萝可以开挂吗，果然存在有辅助工具（有挂秘诀）1、完成哈糖大菠萝可以开挂吗辅助器...
三分钟辅助！丽水都莱辅助，一直... 三分钟辅助！丽水都莱辅助，一直存在有辅助神器（有人有挂）1、超多福利：超高返利，海量正版游戏，丽水都...