Angular 2+模板变量用于一组元素（子元素，重用值）
创始人
2024-10-15 15:30:12
0次

在Angular 2+中，可以使用模板变量来引用一组元素，并重用它们的值。以下是一个示例解决方法：

在HTML模板中，使用ngFor指令来循环一组元素，并为每个元素设置模板变量：

在组件中，定义一个items数组，并编写相应的方法来更新和删除元素：

export class MyComponent {
  items: string[] = ['item1', 'item2', 'item3'];

  updateItem(index: number, value: string) {
    this.items[index] = value;
  }

  deleteItem(index: number) {
    this.items.splice(index, 1);
  }
}

这样，每个输入框都有一个模板变量inputValue，可以通过inputValue.value来获取输入框的值。通过调用updateItem方法来更新对应的元素值，调用deleteItem方法来删除对应的元素。

注意：ngFor指令中的let i = index用于获取当前元素的索引值。

上一篇：Angular 2+每分钟运行一个服务进行请求。

下一篇：Angular 2+你可以根据HTML数据属性添加/删除CSS类吗？

相关内容

热门资讯

透视科技!微乐小程序黑科技免费... 透视科技!微乐小程序黑科技免费,微信小程序微乐破解器2024(透视)切实存在有辅助技巧(哔哩哔哩)小...
透视方针！哈糖大菠萝攻略（AA... 透视方针！哈糖大菠萝攻略（AApoker设置）一直真的有辅助技巧（哔哩哔哩）1、哈糖大菠萝攻略免费辅...
有玩家发现!微信微乐游戏辅助脚... 有玩家发现!微信微乐游戏辅助脚本,微乐家乡小程序修改器(透视)原来有辅助教程(哔哩哔哩)1、任何透视...
透视机巧！wepoker辅助器... 透视机巧！wepoker辅助器安装包定制（HHpoker辅助）竟然存在有辅助神器（哔哩哔哩）1、任何...
此事备受玩家关注!微信微乐游戏... 此事备受玩家关注!微信微乐游戏辅助脚本,微乐多乐跑作弊(透视)一贯存在有辅助教程(哔哩哔哩)1、全新...
透视教材！wepoker破解器... 透视教材！wepoker破解器激活码（德普之星开辅助）其实是真的有辅助教程（哔哩哔哩）wepoker...
记者获悉!微信微乐游戏辅助脚本... 记者获悉!微信微乐游戏辅助脚本,微乐卡五星祈福有用吗(透视)好像是真的辅助插件(哔哩哔哩)1、让任何...
透视法门！hhpoker外开挂... 透视法门！hhpoker外开挂靠谱吗（HHpoker开挂）确实是有辅助技巧（哔哩哔哩）一、hhpok...
长期以来!微乐小程序黑科技,微... 长期以来!微乐小程序黑科技,微乐江苏自建房辅助app(透视)原来存在有辅助方法(哔哩哔哩)1、玩家可...
透视手册！大菠萝辅助器（WeP... 透视手册！大菠萝辅助器（WePoKer工具）都是存在有辅助神器（哔哩哔哩）1、大菠萝辅助器免费辅助多...