angular - 动态点击离子
问题描述
我正在从数据库中获取分段按钮列表。都是正确的。现在我需要在每个段按钮上添加一个点击。我的功能点击是:
selecionaSubcategorias(pcategoria: string): void {
this.db.getSubcategorias(pcategoria)
.then((data) => {
if (data.length === 0) {
}
else {
this.subcategorias = data;
console.log('subcategs', data);
}
})
.catch();
}
<ion-segment *ngIf="categorias" [(ngModel)]="Menu" class="SwipedTabs-tabs">
<ion-segment-button *ngFor="let categoria of categorias"
value={{categoria.nom_categoria}}
(click)="selecionaSubcategorias('1')">
<ion-icon name={{categoria.nom_icon}} class="icon-agendacultural">
</ion-icon>
</ion-segment-button>
</ion-segment>
当然,我只得到类别值('1')。如何每次点击获得每个类别的点击价值?
解决方案
我通过将 ID 作为参数添加到点击来解决
<ion-segment-button *ngFor="let categoria of categorias"
value={{categoria.nom_categoria}}
(click)="selecionaSubcategorias(categoria.id)"> <!-- Here -->
<ion-icon name={{categoria.nom_icon}} class="icon-agendacultural">
</ion-icon>
</ion-segment-button>
推荐阅读
- google-apps-script - Google Apps 脚本 setValues() 问题:间歇性超时
- php - 准备好的语句从多个表中选择值并将其插入到单个表中
- php - 升级 php 7.4 后内容删除的 Joomla 错误
- javascript - 3rd 方登录验证后,无法使用 selenium Javascript 访问元素?
- netcdf - 使用 xarray 将 NetCDF 保存为时间维度的子集
- c++ - 无法使用 Rcpp 编译 R 包
- vue.js - 升级 Vue 模板加载器以使用 Vue3
- sharepoint - 自动更新 Power Automate 流中的批准详细信息
- google-apps-script - 当多个脚本写入同一个谷歌表格时会发生什么?
- amazon-web-services - 我的 AWS 访问密钥 ID 和密钥 - 不断变化